什么是 Server-sent Events（SSE）？
Server-sent Events（SSE）是一种用于实现服务器端推送的 Web 技术。SSE 允许服务器向客户端发送事件流，这些事件可以是任何类型的数据，例如 JSON、XML、HTML 等。客户端在连接到服务器时，可以通过 EventSource API 订阅这些事件，并在事件流中接收到服务器发送的数据。
与传统的轮询方式相比，使用 SSE 可以大大降低网络流量和服务器负载，同时提高实时性和用户体验。
如何使用 Server-sent Events？
服务端
在服务端，我们需要创建一个 SSE 端点，该端点用于向客户端发送事件流。下面是一个使用 Node.js 和 Express 框架实现 SSE 端点的示例代码：
-- -------------------- ---- ------- ----- ------- - ------------------- ----- --- - ---------- --------------- ----- ---- -- - ----------------------------- --------------------- ------------------------------ ------------ --------------------------- -------------- ----- ---------- - -------------- -- - ---------------- ------------------ -------- ------ ------- ---------- -- ------ --------------- -- -- - -------------------------- --- ---展开代码
在上述代码中，我们通过设置响应头来告诉客户端我们将发送一个 SSE 事件流。然后，我们使用 setInterval() 方法每秒向客户端发送一个包含 JSON 数据的事件。
需要注意的是，在 SSE 事件流中，每个事件必须以 data: 开头，后面是事件数据，最后以两个换行符结束。
客户端
在客户端，我们可以使用 JavaScript 中的 EventSource API 订阅 SSE 事件流。下面是一个简单的示例代码：
const eventSource = new EventSource('/sse'); eventSource.addEventListener('message', (event) => { const data = JSON.parse(event.data); console.log(data.message); });
在上述代码中，我们创建了一个新的 EventSource 对象，并将 SSE 端点的 URL 作为参数传递给它。然后，我们使用 addEventListener() 方法监听 message 事件，并在事件触发时解析事件数据并输出到控制台。
Server-sent Events 的最佳实践
1. 使用 gzip 压缩
SSE 事件流可以非常大，特别是在发送大量数据时。为了减少网络流量和提高性能，建议在服务端启用 gzip 压缩，并在响应头中设置 Content-Encoding: gzip。
2. 使用 Last-Event-ID
SSE 事件流中的每个事件都有一个唯一的标识符 event ID。客户端可以通过设置 Last-Event-ID 请求头来指定从哪个事件 ID 开始接收事件流。这可以避免客户端重复接收相同的事件，提高性能和效率。
3. 处理错误和断开连接
在使用 SSE 时，必须处理错误和断开连接的情况。如果客户端断开连接或者发生错误，必须清理资源并停止向客户端发送事件流。
4. 使用 SSL/TLS
为了保障数据安全，建议在使用 SSE 时启用 SSL/TLS 加密。
结论
Server-sent Events 是一种非常有用的 Web 技术，可以用于实现实时数据推送和通知功能。在使用 SSE 时，我们需要注意性能、安全和错误处理等方面，以确保应用程序的稳定性和可靠性。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/677b83465c5a933a34258692
