随着 Web 应用程序的发展，实时交互性和服务器推送消息变得越来越重要。 服务器发送事件（Server-Sent Events，SSE）是一种 Web 技术，它允许 Web 服务器向客户端发送异步数据流，这些流中包含了一系列的消息和数据。 在本文中，我们将探讨 SSE 在 Node.js 中的实现原理和流程，以及如何使用它来构建实时交互性和推送性应用程序。
什么是 SSE
SSE 是一种轻量级的推送协议，用于将服务器上的数据以文本格式推送到客户端。 SSE 采用了常见的 HTTP 协议，因此它与浏览器之间的通信非常简单。 SSE 与 WebSockets 类似，但是相对于 WebSockets 只支持文本消息，SSE则不需要构建自己的协议。
SSE 流通信的核心是 EventSource（事件源），这是一个 JavaScript 接口，用于接收服务器推送的事件，并且还可以支持重连，从而使其作为一个可靠且有效的实现。使用 EventSource，客户端会向服务器发送一个 HTTP 请求，以建立一个持久的连接，然后服务器将通过这个连接不间断地发送消息给客户端。
在 Node.js 中实现 SSE
Node.js 可以轻松实现 SSE 经过修改的 HTTP 协议和简单而有效的事件源 API，可以快速启动 SSE 服务器，为客户端提供实时推送服务。
下面是一个简单的 SSE 服务器示例：
-- -------------------- ---- -------
----- ---- - ----------------
----------------------- ---- -- -
-- -------- --- ---------- -
----------------------------- ---------------------
------------------------------ ------------
--------------------------- --------------
-------------- -- -
----- ---- - ------ ----- ---------------------------
----------------
-- ------
- ---- -
------------------ - --------------- ------------ ---
------------------ --- ---------
----------
-
--------------- -- -- -
------------------- ------- -- ------------------------
---在这个代码片段中，我们使用 Node.js 创建了一个 HTTP 服务器并启动监听。如果请求的 URL 路径是 /events，那我们就会发送 SSE 流。我们需要设置响应头以表明正在发送 SSE 流并且与客户端维持长连接。
在我们的 SSE 流中，我们可以看到了一个重要的字段：data:。这个字段用来传递真正的数据。 我们可以在这里将它与一些自定义数据格式一起使用。注意，data: 后面需要多加一个 \n 和一个空白行符（\n\n），因为其标志着数据的结束。
最后，我们启动了定时器并持续向客户端发送消息。
如果您现在打开 http://localhost:5000/events，你会发现每隔一秒钟就会显示一个新的时间戳，这就是来自我们的 SSE 服务器的数据流。
SSE 流的流程解析
- 客户端通过 “GET /event” 请求 SSE 流。
- 服务器向客户端发送响应并告诉客户端它正在发送 SSE 流。
- 客户端通过 EventSource API 建立持久连接。
- 服务器上的程序持续将数据推送到客户端。
- 如有需要，客户端可以关闭连接并重新连接。
指导意义
SSE 受到了越来越多的重视，因为它为构建实时 Web 应用程序提供了一种有效的方法。 除了构建实时聊天，实时更新，实时推送等一些有趣的东西之外，SSE 还可以用于运输包含股票报价，天气预报，实时新闻等的信息，并将它们及时推送到客户端。
最后需要提醒的是，由于 SSE 是基于普通的 HTTP 连接的，因此它不是双向的（也就是服务器无法接收客户端的数据）。如果双向通信必须，则需要使用 WebSocket 协议。
结论
SSE 是一种非常有用的技术，它可以有效地向客户端推送消息和数据。 该协议简单易懂，易于实现，因此在实时应用程序的 Web 开发中越来越受欢迎。 与 WebSocket 相比，SSE 的实现方式更加容易理解，因此如果您正在寻找一种不需要双向通信的实时交互协议，那么 SSE 就是不错的选择。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6721d23f2e7021665e08e566