随着网络应用越来越复杂，用户对实时数据的需求也日益增长。传统的 Ajax 轮询已经无法满足需求，基于 Websocket 的方案也因为复杂性和成本问题被人们所担忧。
因此，这篇文章将介绍 Node.js 中基于 Server-Sent Events 的一种高效实时 API 设计，它可以轻松地实现基于 HTTP 的实时通讯方案。
什么是 Server-Sent Events
Server-Sent Events 是一种浏览器与服务器之间的单向通讯方式，它允许服务器向客户端推送实时数据，而无需客户端的请求。
它是基于纯文本的 HTTP 协议，与 Websocket 不同的是，它只需要一次 HTTP 请求，并且是单向通讯，服务器向客户端发送数据而不需要接受客户端的数据。
由于 Server-Sent Events 基于 HTTP，因此它的兼容性非常好，支持所有现代浏览器。
Server-Sent Events 的 API 设计
下面是一个基本的 Server-Sent Events 的 API 设计：
-- -------------------- ---- -------
----- ---------- - ----- ---- -- -
------------------ -
--------------- -------------------- -- ------- -----------------
---------------- ----------- -- ----
------------- ------------ -- ----
---
-- ----
-------------- -- -
----- ---- - - -------- ------ ------- --
---------------- ------------------------------
-- ------
--
-------------------------------------------首先，需要在 HTTP 头部中设置响应的数据类型为 text/event-stream ，然后设置 Connection: keep-alive 以保持连接打开。
在服务端将数据转换为文本流发送到客户端时，需要将每一条数据都格式化成 Server-Sent Events 格式的事件流。一个完整的 Server-Sent Events 事件流有以下几部分构成：
event:：事件名（可选）id:：事件 ID（可选）data:：事件数据（必选）- 空行：表示当前事件流处理完毕
示例代码中，每 1 秒钟向客户端推送一条消息，每条消息的格式为：
data: {"message":"Hello World!"}
客户端可以监听 message 事件来接收数据。代码如下：
const eventSource = new EventSource('http://localhost:3000/');
eventSource.addEventListener('message', function(event) {
console.log('Received data: ' + event.data);
});Server-Sent Events 的优势
- 简单易用：与 Websocket 相比，Server-Sent Events 更为简单，易于理解和使用。
- 高效可靠：由于它是基于 HTTP 协议的，因此可以重用现有的网络基础设施。而且，一旦建立连接，它可以保持长期连接开启，从而避免 HTTPS 握手等网络开销。
- 可靠的错误处理：由于 Server-Sent Events 是单向通讯的，因此在网络中断等异常情况下，客户端不会向服务端发送请求，不必担心网络中断导致的数据堆积问题。而基于 Websocket 的方案则需要自己实现错误处理机制。
- 平滑升级支持：由于 Server-Sent Events 建立在 HTTP 协议之上，因此它与现有的网络设施和协议都能够很好地协调工作。它也可以很容易地与现有的 HTTP API 一起使用，实现平滑升级。
总结
Server-Sent Events 是一种轻量级、易于使用、基于 HTTP 的实时通讯方案。通过使用 Server-Sent Events，可以轻松地实现基于 HTTP 的实时通讯，从而更好地满足用户对实时数据的需求。
在 Node.js 中使用 Server-Sent Events，只需要简单的几行代码即可实现高效的实时通讯。我希望本文对您有所帮助，想了解更多 Node.js 技术，请访问 Node.js 中文网。
完整示例代码见：https://github.com/vuejs-cn/sse-demo。
如果有问题，欢迎在评论中提出。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/648bfab048841e9894a4437a