什么是 SSE
SSE （Server-Sent Events）是一种基于 HTTP 的协议，用于服务器向客户端实时发送事件信息，同 WebSockets 一样，可以实现实时数据推送。它与 WebSockets 不同之处在于，SSE 需要客户端发送 HTTP 请求，而 WebSockets 则是通过一次握手建立连接。
SSE 目前已经广泛使用在许多实时场景中，例如股票行情实时推送，社交网站消息提醒等等。
SSE 适合的场景
- 短连接场景
在一些短连接的场景下，比如传感器实时数据监测，每次推送的数据量可能比较少，而且连接很短暂，这种情况下，使用 SSE 可以更加高效的实现数据推送。
- 偶尔的实时推送
有些场景下并不需要一直保持连接，只需要在特定的事件触发后推送数据，例如社交网站的私信，只需要在新消息到来时推送一次即可。这种情况下使用 SSE 会比较方便，因为它可以与基于 HTTP 的现有架构整合。
- 慢速推送场景
在一些网络较慢的环境中，每次推送数据量可能不大，但是推送时间可能比较长，如使用 GPRS 网络进行实时数据传输，这种情况下 SSE 会比 WebSockets 更加合适，因为 SSE 的 HTTP 连接会比 WebSockets 的TCP 连接更加稳定。
SSE 示例代码
服务端
-- -------------------- ---- -------
----- ---- - ----------------
----------------------- ---- -- -
------------------ -
--------------- ------------
---------------- -----------
------------- ------------
---
-------------- -- -
---------------- ----- ----------------------------
-- ------
----------------
------------------- ------- -- -------------------------客户端
-- -------------------- ---- -------
--------- -----
------
------
----- ----------------
---------- ----------
-------
------
--- -------------------
--------
----- ----------- - --- --------------------------------------
--------------------- - ------- -- -
----- ---------- - -----------------------------
---------------------- - -----------
------------------------------------------------------------
--
---------
-------
-------总结与指导意义
虽然 SSE 相对于 WebSockets 有一些上述的优势，但也并不是所有场景下都适用 SSE。比如我们需要双向通信，或者需要高频率的数据推送，就需要选择 WebSockets。
在实际业务开发过程中，需要根据不同的需求和场景选择相应的技术，不断探索和优化，以达到更加高效、稳定的数据推送效果。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6533a22d7d4982a6eb72fe0c