介绍
Server-Sent Events（SSE）是一种 Web 技术，它允许服务器向客户端推送实时数据，无需客户端主动请求。服务器可以随时向客户端发送消息，并在客户端的浏览器上进行处理。SSE 使用简单、轻量，并可以实现实时信息的推送，非常适合基于 Web 的实时应用。
SSE 建立在 HTTP/1.1 的基础上，使用 HTTP 的长连接技术。与 WebSocket 相比，SSE 更加方便实现，需要的资源也更少。但是，SSE 只能用于服务器向客户端单向推送数据，而 WebSocket 则可以实现双向通信。
实现
SSE 的实现非常简单，只需在客户端通过 JavaScript 创建一个 EventSource 对象，并指定监听事件的处理函数即可。在服务端，需要使用特定的 MIME 类型（text/event-stream）提供 SSE 服务，然后将数据以特定的格式发送给客户端。下面是一个简单的 SSE 示例代码：
--------- -----
------
------
----- ----------------
---------- ----------
-------
------
------- -------
---- --------------------
--------
--- ----------- - --- --------------------
--------------------- - ----------- -
--- ---------- - ------------------------------
-------------------- - -------
------------------------------------------------------------
--
---------
-------
-------在服务端，使用 Node.js 实现 SSE 非常简单，只需使用 res.write() 方法向客户端发送数据，并在数据末尾添加两个换行符即可。下面是一个简单的 SSE 服务器示例代码：
----- ---- - ----------------
-------------------------- ----- ---- -
------------------ -
--------------- --------------------
---------------- -----------
------------- ------------
---
-------------- -- -
---------------- - - --- ----------------- - --------
-- ------
----------------上述代码中，使用 setInterval() 方法每秒向客户端发送一个包含当前时间的消息，消息格式为 data: message\n\n。
局限性
虽然 SSE 是一种简单、轻量的技术，但它也有一定的局限性。最明显的局限性就是无法在客户端主动发起请求的情况下推送数据。使用 SSE 的应用通常需要在客户端打开一个连接来保持通信，这意味着每个客户端都需要占用一定的系统资源。此外，SSE 的消息格式比较固定，无法在消息中使用自定义格式。
如果需要双向通信或推送大量数据，应该使用 WebSocket 技术。但是，SSE 仍然可以作为一种简单、轻量的实现实时消息推送的方案。
结论
Server-Sent Events（SSE）是一种基于 HTTP 的轻量级实时消息推送技术，适合实现轻量级的实时应用。SSE 实现简单、易于使用，但它也有一定的局限性，特别是无法在客户端主动发起请求的情况下推送数据。与 WebSocket 相比，SSE 更加轻量，但缺少了双向通信功能。因此，在选择 SSE 或 WebSocket 时，应根据具体的业务需求进行选择。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/67026e06d91dce0dc847632f