什么是 Server-Sent Events？
Server-Sent Events (SSE) 是一种实现服务器推送的技术，它允许服务器向客户端发送事件流，而不需要客户端不断地发起请求。这种技术通常用于实时通信场景，如聊天室、实时数据更新等等。
SSE 使用的是 HTTP 协议，所以它不需要额外的握手协议，也不需要使用 WebSocket 等协议。相比于 WebSocket，SSE 更加轻量级，因为它只需要使用 HTTP 连接，而不需要进行握手等复杂操作。
如何实现 Server-Sent Events？
实现 SSE 需要分为两个部分：服务器端和客户端。
服务器端
在服务器端，我们需要创建一个 HTTP 连接，然后向客户端发送事件流。事件流是一个不断发送消息的流，每个消息都有一个事件类型和一个数据字段。下面是一个简单的 Node.js 实现：
----- ---- - ----------------
----------------------- ---- -- -
------------------ -
--------------- --------------------
---------------- -----------
------------- ------------
---
-------------- -- -
----- ---- - ------ ----- ---------------------------
----------------
-- ------
----------------代码中，我们创建了一个 HTTP 服务器，监听在 3000 端口。在请求到来时，我们设置了响应头，其中 Content-Type 设置为 text/event-stream，表示这是一个 SSE 连接。Cache-Control 设置为 no-cache，表示不缓存响应。Connection 设置为 keep-alive，表示保持连接。
然后我们使用 setInterval 定时向客户端发送消息。消息格式为 data: ${data}\n\n，其中 ${data} 是我们要发送的数据。注意，每个消息以两个 \n 结尾，表示消息结束。
客户端
在客户端，我们需要创建一个 EventSource 对象，然后监听服务器端发送的消息。下面是一个简单的 HTML 页面实现：
--------- -----
------
------
----- ----------------
---------- ------------
-------
------
---- --------------------
--------
----- ------ - --- -------------------------------------
---------------- - ------- -- -
----- -------- - ------------------------------------
------------------ -- --------------------
--
---------
-------
-------代码中，我们创建了一个 EventSource 对象，指定了服务器端的 URL。然后我们监听 onmessage 事件，将接收到的消息添加到页面上的 messages 元素中。
指导意义
使用 SSE 实现服务器推送可以大大提高实时通信的效率，同时也可以减少不必要的网络请求。SSE 技术的优点在于它的轻量级和易于实现，因此它在实时通信场景中得到了广泛的应用。
当然，SSE 也有一些缺点，比如它只能使用 HTTP 协议，因此它的实时性可能不如 WebSocket 等协议。此外，SSE 也不支持双向通信，因此在某些场景下可能不够灵活。
总的来说，SSE 技术在实现服务器推送方面具有一定的优势和适用性，但在实际使用中需要根据具体场景进行选择。
总结
本文介绍了 Server-Sent Events 技术的原理和实现方法，同时也介绍了 SSE 技术的优点和缺点。通过本文的学习，读者可以了解到 SSE 技术的基本使用方法，以及在实时通信场景中的应用。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/65c6027aadd4f0e0ff07f2f5