什么是 SSE
SSE (Server-Sent Events) 是服务器向客户端推送事件的一种技术。它还可以被称为 HTML5 事件源。SSE 基于 HTTP 协议，使用简单且易于实现。
SSE 可以用于实现实时数据推送，如在线聊天、股票市场更新等。
HTTP 和 SSE 的区别
与其他基于 HTTP 协议的技术（如 AJAX）相比，SSE 有以下三个主要区别。
单向通信：客户端通过 HTTP 协议向服务器发起请求，服务器则通过 SSE 向客户端推送事件。也就是说，SSE 是单向的，而不是双向的。
持久连接：在 SSE 中，客户端会发送一个 HTTP GET 请求，保持与服务器的连接打开，直到出现错误或关闭连接。这个连接可以持续数小时或更长时间。
事件驱动的推送：SSE 使用事件驱动模型来推送消息，当服务器端有消息需要推送时，就会触发一个事件，通过 SSE，这个事件就可以被客户端监听到并接收到。
如何防止数据被其他用户截获
虽然 SSE 是一种比较安全的数据传输方式，但是仍存在数据被截获的风险。以下是一些防止数据被其他用户截获的方法。
HTTPS 协议
使用 HTTPS 协议可以防止数据被其他用户截获。使用 HTTPS 协议的 SSE，数据在传输过程中会被加密，保护数据的安全性。
const eventSource = new EventSource("https://example.com/sse");鉴权机制
通过鉴权机制，可以防止恶意用户截获数据。在使用 SSE 时，服务器可以进行身份验证，只向通过身份验证的用户推送事件。这种方式可以确保只有合法用户能够接收到消息。
加密数据
JS 对 SSE 接收到的数据进行加密处理，只有能够解密的用户才能接收到真正的消息。这种方式虽然提高了数据传输的安全性，但会增加处理时间和服务器负荷。
SSE 示例代码
以下是一个 SSE 的示例代码。服务器端使用 Node.js 实现，客户端使用浏览器。
服务器端
-- -------------------- ---- -------
----- ---- - ----------------
----- ------ - ----------------------- ---- -- -
------------------ -
--------------- --------------------
---------------- -----------
------------- ------------
---
-------------- -- -
----- ---- - ------ ----- -------------
----------------
-- ------
---
--------------------客户端
-- -------------------- ---- -------
--------- -----
------
------
---------- ---------------
----- ----------------
-------
------
--------
----- ----------- - --- -------------------------------------
--------------------- - --- -- -
--------------------
--
---------
-------
-------总结
SSE 提供了一种简单且有效的方式，用于服务器向客户端实时推送消息。虽然 SSE 本身比较安全，但仍然需要采取措施防止数据被截获，如使用 HTTPS 和鉴权机制等。SSE 相对于其他技术具有单向通信、持久连接和事件驱动推送的优点。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64cb946c5ad90b6d04213355