什么是 Server-sent Events
Server-sent Events (SSE) 是一种基于 HTTP 的服务器推送技术，它允许服务器向客户端发送事件流，而客户端可以通过 EventSource API 来监听这些事件。
SSE 的优点在于它是一个轻量级的协议，可以在浏览器中实现实时更新而不需要使用 WebSocket 等更重量级的技术。
实现一个简单的聊天应用
我们可以使用 SSE 来实现一个简单的聊天应用，其中服务器会将新的消息推送给所有连接的客户端。
1. 服务端实现
首先，我们需要实现一个简单的 Node.js 服务器来处理 SSE 请求。以下是一个简单的示例代码：
-- -------------------- ---- -------
----- ---- - ----------------
----- ------ - ----------------------- ---- -- -
-- -------- --- -------- -
------------------ -
--------------- --------------------
---------------- -----------
------------- ------------
---
-- ------
-------------- -- -
---------------- ----- --------------------- - --- ---------------
-- ------
- ---- -
-------------------
----------
-
---
--------------------
------------------- ------- -- ---- -------在上面的代码中，我们创建了一个 HTTP 服务器，并为 /chat 路径设置了 SSE 响应头。然后，我们使用 setInterval 函数来模拟发送新消息，并将其写入响应流中。
2. 客户端实现
接下来，我们需要在客户端中实现 SSE 监听器以接收来自服务器的消息。以下是一个简单的示例代码：
const eventSource = new EventSource('/chat');
eventSource.addEventListener('message', (event) => {
console.log(event.data);
});在上面的代码中，我们创建了一个新的 EventSource 实例，并将其连接到 /chat 路径。然后，我们添加了一个 message 事件监听器来处理来自服务器的消息。
3. 运行应用
现在，我们可以运行我们的应用并在浏览器中打开两个窗口以测试它。您应该会看到每个窗口都会显示新消息的时间戳。
总结
在本文中，我们介绍了 Server-sent Events 技术，并演示了如何使用它来实现一个简单的聊天应用。SSE 可以用于许多其他实时应用程序，例如即时通讯、实时数据更新等。希望本文对您有所帮助！
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/65f512112b3ccec22fd3a738