什么是 Server-sent Events（SSE）？
Server-sent Events（SSE），也称为服务器推送事件，是一种 HTML5 技术，用于在服务器和客户端之间建立双向通信，使服务器可以持续地向客户端推送数据而不需要客户端发送请求。
与传统的轮询或长轮询相比，SSE 具有更低的延迟、更高的效率和更稳定的连接。SSE 可以向多个客户端推送数据，并且使用简单，易于实现。
实现双向通信的问题
在 Web 开发中，实现双向通信通常需要使用 WebSocket 或者轮询技术，但这些方法都存在一些问题。
- WebSocket 需要客户端和服务器都支持 WebSocket 协议，而一些服务提供商可能不支持此协议，因此可能需要使用代理服务器。
- 轮询技术需要客户端频繁地发送请求，服务器需要处理大量的请求，这会导致服务器和带宽的负担加重，同时还存在一定的延迟。
因此，SSE 成为了双向通信的另一种选择。
实现双向通信的解决方案
使用 SSE 实现双向通信，需要在客户端使用 EventSource 对象进行监听，同时在服务器端发送事件源。
在 JavaScript 中，使用 EventSource 对象接收服务器发送的数据。使用 EventSource 的方法如下：
----- ----------- - --- ----------------- --------------------- - -------- ------- - --------------------- ---------- ------------ --
在服务器端，可以使用许多不同的语言和库来实现 SSE。下面是在 Node.js 中使用 express 库的示例代码：
----- ------- - -------------------
----- --- - ----------
--------------- -------- ----- ---- -
----------------------------- ---------------------
------------------------------ ------------
--------------------------- --------------
-------------------- -- -
----- ------- - ------ --------
---------------- - - ----------------------- - --------
-- ------
---这个代码片段会在客户端打印出每秒钟发送的消息。
需要注意的是，SSE 的消息格式需要满足一定的规范。每条消息必须以 data: 开始，以 \n\n 结束。消息可以包含任意有效的文本内容，可以使用 JSON 或者其他格式来发送复杂的对象。
结论
使用 Server-sent Events（SSE）实现双向通信是一种高效、低延迟的通信方式，适用于需要实时交互数据的 Web 应用。在实际开发中，我们可以使用 SSE 来替代 WebSocket 和轮询技术，以便更好地实现双向通信。
参考资料
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/671a256c9babaf620fa1968e