在 WEB 开发中，前端服务器推送技术已经变得越来越普遍了。前端开发者在需要实时或定时更新网页内容时，通常使用 JavaScript 定时请求数据或轮询数据，这样的方式本身有很大的缺点，资源浪费，也容易造成服务端的过载。Node.js server-sent-events 技术则提供了一种基于 HTTP 的技术解决方案，它能够保证真正意义上的实时前端数据推送。
本文将介绍如何使用 larkin 的 lib-sse-sender 模块，在 Node.js 环境下进行 server-sent-events 技术的开发。我们将以一个示例代码项目作为本文的指导和示范。
server-sent-events 常用场景和实现
server-sent-events 技术在实际应用中，常常被用来实现提醒、消息通知、聊天室等实时数据的推送。它是由浏览器的 EventSource API 和服务端的写入流（Writable Stream）共同协作实现的。
在服务端进行 server-sent-events 消息推送的步骤主要如下：
- 首先，我们需要创建一个 HTTP 的服务，这个服务需要监听一个特定的端口，向客户端提供 server-sent-events 消息推送服务。
- 接下来，在服务端，我们需要处理客户端的请求，并通过 HTTP 响应头信息，告诉客户端这是一个 server-sent-events 的服务流。
- 在返回响应头信息后，我们需要通过服务器的 Writeable Stream，持续地发送事件数据和对应事件名称给客户端。
而在客户端进行 server-sent-events 消息拉取的步骤主要如下：
- 客户端需要请求服务器特定的 URL 并且通过响应头信息，设置 Remote Event Source 集合。
- 在连接到服务器的时候，客户端会接收到消息，服务端会将数据在响应流中通过数据域（data field）发送给客户端。
- 客户端监听服务端发送消息的事件，当服务端发送数据到客户端的时候，客户端会调用设置的回调函数处理事件。
在 Node.js 中使用 server-sent-events，我们可以使用 larkin 的 lib-sse-sender 模块，实现自定义 server-sent-events 数据推送。
lib-sse-sender 模块的安装和使用
lib-sse-sender 是一个基于 Node.js 的 library，它能够让你方便地在服务端使用 server-sent-events。
你可以使用 npm 来安装：
--- ------- -------------- ------
接下来，我们将实现一个简单的示例代码，通过 larkin 的 lib-sse-sender 模块，推送 DOM 信息到客户端。下面是示例代码片段：
----- --------- - --------------------------
----- ------ - ---------------------------------- ---- -- -
----- --------- - --- -------------- -----
-------------------------------------------
------------------
----- ----------------- - -------------- -- -
----- ------------ - ------- ---- -- ----- ------------------------------
---------------------------- ------------ - ------ ---- ---
-- ------
--------------- -- -- -
---------------------------------
-----------------
---
---
--------------------
------------------- ------- -- -------------------------上述代码中，我们使用了 HTTP 库创建了一个简单的服务端，设置其监听端口 3000 。在对监听到的请求进行服务前，我们实例化了一个 SSESender 对象，并传递了 req 和 res 对象作为参数。接着，我们调用了 SSESender 对象的 allowCors() 方法，用来允许浏览器跨域请求。紧接着，我们调用了 SSESender 对象的 setKeepAliveTime() 方法来设置持续连接的时间（单位秒）。
在添加了 SSESender 对象的基本配置后，我们调用了 SSESender 对象的 start() 方法，开始发送 server-sent-events 事件。我们又通过 setInterval() 方法定时，每 1 秒发送一次 updateDom 事件，其中的事件数据为一个包含一个
标签的 HTML 字符串。同时，我们传递了 retry: 5000 为附加数据，用来告诉客户端，5秒后也即在连接断开后，服务端将会尝试重新建立连接，以此实现 server-sent-events 的持续推送。
最后，在 req 对象的 close 事件触发时，我们调用了 SSESender 对象的 stop() 方法，关闭了 server-sent-events 的持续流式传输。
总结
本文介绍了如何使用 larkin 的 lib-sse-sender 模块，在 Node.js 环境下进行 server-sent-events 技术的开发。我们探讨了 server-sent-events 的常见场景和实现步骤，并通过一个简单的示例代码，分享了如何通过 lib-sse-sender 在服务端实现 server-sent-events 的消息推送。
使用 server-sent-events 技术可以有效提高 WEB 应用的实时交互性，特别是在聊天室、消息提醒、事件通知等应用场景。此外，本文涉及的技术，也是一门非常有意义和实用价值的前端技术，值得我们在 WEB 开发实践中细心研究和应用。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/647d5912968c7c53b0829848