前言
在 Web 应用中，实时数据推送是一项非常重要的功能，特别是对于需要及时更新数据的应用程序，比如股票市场、在线聊天室等等。在过去，实现实时数据推送通常需要使用 Ajax 长轮询或者 WebSocket 技术，但是这些技术都存在一些问题，比如复杂性、可靠性等等。而在 HTML5 中，新增了一种实现实时数据推送的技术，叫做 Server-sent Events（SSE），本文将对 SSE 进行详细的讨论。
SSE 简介
Server-sent Events 是一种基于 HTTP 的实时数据推送技术，它允许服务器向客户端发送一些事件流（Event Stream），客户端可以通过监听这些事件流来获取服务器端的实时数据。SSE 使用纯文本格式的数据，可以轻松地与 JSON 数据格式配合使用。
SSE 的实现非常简单，只需要使用 EventSource 对象来建立连接，并监听服务器端发送的事件流即可。下面是一个简单的 SSE 示例：
const eventSource = new EventSource('/sse');
eventSource.addEventListener('message', function(event) {
console.log(event.data);
});在上面的示例中，我们使用 EventSource 对象建立了一个 SSE 连接，监听了服务器端发送的 message 事件流，并在控制台输出了服务器端发送的数据。这里需要注意的是，服务器端发送的数据必须是以 data: 开头的文本数据，否则客户端将无法正确解析。
SSE 的优点
相比于传统的 Ajax 长轮询和 WebSocket 技术，SSE 具有以下几个优点：
简单易用
SSE 的实现非常简单，只需要使用 EventSource 对象建立连接，并监听服务器端发送的事件流即可。相比于 WebSocket 技术，SSE 不需要实现复杂的握手协议和心跳机制，也不需要处理二进制数据，因此非常易于使用。
可靠性高
SSE 基于 HTTP 协议实现，可以使用 HTTP 的各种特性来保证通信的可靠性，比如重试、缓存、错误处理等等。而且 SSE 是单向通信，只需要服务器端发送数据，客户端不需要发送任何数据，因此可以避免一些网络问题，比如丢包、拥塞等等。
兼容性好
SSE 是 HTML5 标准的一部分，可以在现代浏览器中很好地支持，而且对于不支持 SSE 的浏览器，也可以使用 Polyfill 进行兼容。
轻量级
SSE 使用纯文本数据格式，比 WebSocket 技术使用的二进制数据格式更加轻量级，可以降低网络带宽的消耗，提高应用程序的性能。
安全性高
SSE 基于 HTTP 协议实现，可以使用 HTTPS 协议来保证通信的安全性，比如加密、认证等等。
SSE 的缺点
除了以上优点之外，SSE 也存在一些缺点，比如：
单向通信
SSE 是单向通信，只能由服务器端向客户端发送数据，不能由客户端向服务器端发送数据，因此无法实现双向通信。
无法处理大量数据
SSE 使用纯文本数据格式，因此无法处理大量数据，对于需要传输大量数据的应用程序，SSE 并不适用。
无法处理复杂的数据格式
SSE 使用纯文本数据格式，只能传输简单的文本数据或者 JSON 格式的数据，无法处理复杂的数据格式，比如二进制数据。
总结
Server-sent Events 是一种非常有用的实时数据推送技术，它具有简单易用、可靠性高、兼容性好、轻量级、安全性高等优点，可以满足大部分实时数据推送的需求。但是 SSE 也存在一些缺点，比如单向通信、无法处理大量数据、无法处理复杂的数据格式等等，因此在选择实时数据推送技术时，需要根据具体的应用场景来选择合适的技术。
参考文献
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/655af908d2f5e1655d524858