简介
SSE（Server-Sent Events）是一种基于 HTTP 的轻量级协议，用于服务器向客户端推送实时数据。使用 SSE 协议，客户端可以通过简单的 JavaScript 代码订阅服务器推送的事件，从而实现实时更新页面内容的效果。
适用范围
SSE 协议适用于需要实时更新数据的 Web 应用场景，比如实时聊天、在线游戏、股票行情等。与传统的 AJAX 请求相比，SSE 协议具有以下优点：
优点
实时性高
SSE 协议使用长连接，服务器可以随时向客户端推送数据，实时性非常高。
简单易用
SSE 协议使用标准的 HTTP 协议，不需要额外的插件或库，客户端只需要简单的 JavaScript 代码就可以订阅服务器推送的事件。
轻量级
SSE 协议与 WebSocket 相比，协议头部更小，传输的数据量更少，对服务器和网络的压力更小。
不足
兼容性差
SSE 协议是 HTML5 标准中的一部分，不支持 HTML5 的浏览器无法使用 SSE 协议。而且在一些低版本浏览器中，对 SSE 协议的支持并不完善，需要通过 polyfill 的方式来实现。
单向通信
SSE 协议只支持服务器向客户端推送数据，无法实现客户端向服务器发送数据的功能。如果需要双向通信，需要使用 WebSocket 协议。
示例代码
服务端代码
-- -------------------- ---- -------
----- ---- - ----------------
----------------------- ---- -- -
------------------ -
--------------- --------------------
---------------- -----------
------------- ------------
---
-------------- -- -
---------------- ----- -------------------------------
-- ------
----------------客户端代码
const eventSource = new EventSource('/sse');
eventSource.onmessage = (event) => {
console.log(event.data);
};总结
SSE 协议是一种轻量级、简单易用的实时推送协议，适用于需要实时更新数据的 Web 应用场景。但是由于兼容性差、单向通信等限制，需要根据具体需求选择合适的实时通信协议。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/663f0b4bd3423812e4d46445