介绍
SSE（Server-Sent Events）是一种服务端主动推送数据给客户端的技术。它使用 HTTP 协议，不需要客户端轮询或者使用 WebSockets，而是利用长连接实现数据的实时推送。SSE 能够实现可靠的事件通知机制，可以实时地推送新的数据给客户端，而且相比于 WebSockets 更加轻量，因为它只需要一个 HTTP 长连接。
实现原理
SSE 的工作原理非常简单，客户端向服务端发送一个特殊的 HTTP 请求，该请求的 Content-Type 是 text/event-stream，服务端会把对应的数据以一定格式发送给客户端。客户端接收到数据之后，就可以调用相应的回调函数进行处理。
下面是一份简单的 SSE 返回格式：
----- ----- ---------
其中，第一行是指定数据的类型：data，表示这是一份数据。第二行是数据内容，最后有两个 \n，用于分隔上一份数据和下一份数据。
实现步骤
服务端
下面是使用 Node.js 实现 SSE 的一个例子：
----- ---- - ----------------
----------------------- ---- -- -
------------------ -
--------------- --------------------
---------------- -----------
------------- ------------
---
-------------- -- -
---------------- ----- ------------
-- ------
----------------在实现中，我们使用了 setInterval 函数定时地向客户端推送数据。需要注意的是，SSE 使用了 HTTP 长连接，所以在返回数据之后，需要保持连接处于打开状态。
客户端
下面是使用 JavaScript 实现 SSE 的一个例子：
----- ----------- - --- -------------------- --------------------------------------- - -- - -------------------- ---
在客户端，我们通过使用 EventSource 对象建立与服务端的连接，并监听 message 事件，以接收服务端传递的数据。
指导意义
SSE 具有轻量、可靠、实时传输的特点，非常适合实现数据的实时推送。在开发过程中，我们可以使用 SSE 来实现即时通讯、股票行情、天气预报等场景下的数据实时推送。由于 SSE 的实现简单、易于维护，因此是我们实现实时推送的一个非常好的选择。
结论
SSE 在实现可靠的事件通知机制方面有着非常好的表现。SSE 通过 HTTP 长连接实现数据的实时推送，相比于轮询和 WebSockets 更加轻量。在实际应用中，我们可以使用 SSE 来实现数据的实时更新，提高用户体验。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/6731b9c90bc820c5823a193e