在很多 Web 应用中，实时数据是非常关键的问题。而相信大家也都听说过 Node.js 作为实现高并发及实时框架的神器，Express 作为 Node.js 中非常受欢迎的 Web 框架，以及 SSE（Server-sent Events）作为实现基于 HTTP 协议的实时服务器推送技术。这篇文章将介绍如何使用 Node.js、Express 和 SSE 来实现实时数据的展示和推送。
Node.js、Express 和 SSE 简介
Node.js：Node.js 是一个使用 JavaScript 编写的服务器端运行环境，它基于 Chrome V8 引擎，使得 Node.js 具有高性能，低开销以及跨平台等特点。
Express：Express 是 Node.js 中用于构建 Web 应用的最流行的 Web 框架之一，它提供了很多高效、简单的方法来处理 Web 应用程序中的 HTTP 请求和响应。
SSE：Server-sent Events（SSE）是基于 HTTP 协议的实时服务器推送技术，同 WebSockets 类似，而与 WebSockets 不同的是，SSE 是一个单向的、持久的链接，从服务器向客户端推送事件。
如何使用 Node.js 和 Express 创建 SSE 服务器
首先让我们来看一个示例代码，演示如何使用 Express 和 SSE 来构建一个实时信息推送的服务器。代码中需安装 npm 包 "express" 和 "cors"。
-- -------------------- ---- ------- ----- ------- - ------------------- ----- ---- - ---------------- ----- --- - ---------- ---------------- ------------------ ----- ---- -- - ------------------------------ ------------ --------------------------- -------------- ----------------------------- --------------------- -------------------------------------------- ----- -------------- -- - ----------------- ---------------- ---------------- ----- ----------------------------------- -- ------ --- ---------------- -- -- - ---------------- ------ ------- -- ------------------------ ---展开代码
在这个示例中，我们定义了一个路由 "/stream"，这个路由使用 SSE 来向客户端发送事件。随着时间的推移，事件将不断地向客户端推送，客户端则可以根据服务器推送的事件来更新数据。
如何使用 SSE 客户端与服务器通信
客户端可以通过 JS 中的 EventSource 接口来订阅一个 SSE 通道，以接收服务器发送的事件和数据。
const eventSource = new EventSource('http://localhost:3000/stream'); eventSource.onmessage = event => { console.log(`Received event: ${event.data}`); };
在客户端中，我们通过创建一个 EventSource 的实例，向指定的 SSE 服务地址实时订阅数据。在接收到服务器推送的消息后可以根据需要进行相应的操作。
结束语
本文介绍了如何使用 Node.js、Express 和 SSE 来实现基于 HTTP 协议的实时服务器推送技术。通过这种方式，我们可以在 Web 应用程序中实时更新数据，而不需要使用昂贵的 WebSockets 技术。在实际工程项目中，可以根据实际需求和情况来灵活应用。
了解更多 Node.js 和 SSE 的知识，请参考官方文档：Node.js, Express, SSE。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/67b8664e306f20b3a661fce3
