在前端开发中，往往需要与服务器进行交互，以获取最新的数据并实时更新页面内容。其中一个常用的技术是 SSE（Server-Sent Events），即服务器发送事件。在 Node.js 中，最常用的 SSE 框架是 express-sse。
什么是 SSE
SSE 是一种服务器向客户端推送实时数据的技术，它基于 HTTP 协议，使用长连接实现数据的实时推送。与 WebSocket 相比，SSE 更加简单易用，协议较为轻量，可以实现服务器端主动向客户端推送数据而无需客户端请求，适用于一些特定场景，如即时通讯、实时数据更新等。
express-sse 简介
express-sse 是一个基于 Express 的 SSE 框架，它提供了 SSE 的核心实现以及一些方便的功能。它没有任何依赖，支持跨域和断线重连，并且易于集成到现有 Express 应用程序中。
安装和使用
安装
使用 npm 进行安装：
--- ------- -----------
使用
首先导入 express-sse 模块：
----- --- - -----------------------
然后初始化 SSE 实例：
----- --- - --- ------
其中，可以传入一些选项：
isSerialized: 指定 SSE 的数据格式，默认为 true，表示数据已经经过序列化，可以直接发送给客户端。pingTimeout: 指定客户端发来心跳包的超时时间，默认为 15000ms。pingInterval: 指定服务器端发送心跳包的时间间隔，默认为 5000ms。retryInterval: 指定客户端断线后重连的时间间隔，默认为 1000ms。
初始化 SSE 之后，可以将其添加到 Express 应用程序中：
----- ------- - ------------------- ----- --- - ---------- --------------- ----------
在这里，将 SSE 添加到 /sse 的路由中，通过 sse.init 方法，返回 SSE 的数据和连接状态。
在 SSE 的数据不断更新时，可以通过 sse.send 方法将新的数据发送给客户端：
-------------- ------ ----
其中，data 表示要发送的数据；event 表示事件类型；id 表示事件的编号。
完整的示例代码如下所示：
----- ------- - ------------------- ----- --- - ----------------------- ----- --- - ---------- ----- --- - --- ------ --------------- ---------- -------------- -- - ----- --- - --- ---------------------- ------------- ------- --- ---------------------- -- ------
在上面的示例代码中，我们每秒钟更新一次数据，并通过 SSE 发送给客户端。每次更新都会发送一个事件类型为 time，数据为当前时间字符串，事件编号为当前时间的 ISO 格式字符串。
指导意义
在前端开发中，实时数据的推送是一个常见的需求和挑战。选择合适的技术和框架非常重要，能够有效提高开发效率和应用程序的性能。express-sse 是一个非常不错的 SSE 框架，它提供了简洁的 API，易于使用和集成。通过学习 express-sse，可以加深对 SSE 技术的理解，并在实际项目中使用它，提供更好的用户体验。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/58080