随着互联网的快速发展，人们越来越依赖于实时的信息更新。对于新闻网站来说，实时推送新闻更新是非常重要的功能。而传统的轮询方式会给服务器造成很大的压力，也会浪费很多资源。解决这个问题的方法是使用 Server-sent Events。
什么是 Server-sent Events
Server-sent Events 是一种基于 HTTP 的实时通信技术，它允许服务器向客户端推送事件，而不需要客户端发起请求。它使用了 HTTP 1.1 中的持久连接，可以保持连接状态并在需要的时候推送数据。与 WebSocket 相比，Server-sent Events 更加轻量级，适合用于简单的实时通信场景。
如何使用 Server-sent Events
使用 Server-sent Events 非常简单。首先，在服务器端需要设置一个事件流，用于向客户端推送事件。可以使用 PHP、Node.js 等语言来实现。下面是一个使用 Node.js 实现的例子：
-- -------------------- ---- -------
----- ---- - ----------------
----------------------- ---- -- -
------------------ -
--------------- --------------------
---------------- -----------
------------- ------------
---
-------------- -- -
----- ---- - --- ------------------------
---------------- --------------
-- ------
----------------上面的代码创建了一个 HTTP 服务器，并在每秒钟向客户端推送当前时间。设置响应头的 Content-Type 为 text/event-stream，表示这是一个事件流。Cache-Control 设置为 no-cache，表示不缓存数据。Connection 设置为 keep-alive，表示保持连接状态。
在客户端，可以通过 JavaScript 来订阅事件流。下面是一个例子：
const source = new EventSource('/sse');
source.addEventListener('message', (event) => {
console.log(event.data);
});上面的代码创建了一个 EventSource 对象，并指定了服务器端的事件流 URL。通过 addEventListener 方法监听 message 事件，当服务器端推送数据时，就会触发该事件，并在控制台中输出数据。
实现实时新闻订阅更新
使用 Server-sent Events 可以很方便地实现实时新闻订阅更新。首先，在服务器端需要设置一个事件流，用于向客户端推送新闻更新。可以使用 Node.js 搭建一个简单的服务器来实现。下面是一个例子：
-- -------------------- ---- -------
----- ---- - ----------------
----- -- - --------------
----- ---- - ----------------
----------------------- ---- -- -
-- -------- --- -------- -
------------------ -
--------------- --------------------
---------------- -----------
------------- ------------
---
----- -------- - -------------------- ------------
---------------------- -- -- -
--------------------- ------- ----- ----- -- -
-- ----- -
-------------------
- ---- -
---------------- --------------
-
---
---
- ---- -
------------------ -
--------------- -----------
---
----- ---- - ------------------------------------ -------------- --------
--------------
-
----------------上面的代码创建了一个 HTTP 服务器，并在 /news 路径下设置了一个事件流。当新闻更新时，会通过 fs.watchFile 监听文件变化，并向客户端推送新闻更新。
在客户端，可以通过 JavaScript 来订阅事件流。下面是一个例子：
const source = new EventSource('/news');
source.addEventListener('message', (event) => {
const news = JSON.parse(event.data);
console.log(news.title, news.content);
});上面的代码创建了一个 EventSource 对象，并指定了服务器端的事件流 URL。通过 addEventListener 方法监听 message 事件，当服务器端推送数据时，就会触发该事件，并将推送的数据解析为 JSON 格式，并在控制台中输出新闻标题和内容。
总结
使用 Server-sent Events 可以很方便地实现实时新闻订阅更新。它比传统的轮询方式更加高效、稳定，同时也更加简单易用。虽然它的功能比 WebSocket 更加有限，但对于简单的实时通信场景来说，它是一个非常好的选择。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/65ef23b72b3ccec22f82135b