在现代 Web 应用中，实时的数据更新和通知已经成为了必不可少的功能。而传统的轮询方式会给服务器带来很大的负担，因此需要一种更加高效的方式来实现实时通知。Server-sent Events (SSE) 就是一种在服务器和客户端之间建立长连接的技术，用于实现实时通知。
SSE 的用途
SSE 可以用于实现以下场景：
- 实时消息通知：例如聊天室、游戏等场景中，需要实时通知用户有新的消息到达。
- 实时数据更新：例如股票行情、天气预报等场景中，需要实时更新数据。
- 实时日志查看：例如服务器运行日志、应用程序日志等场景中，需要实时查看日志。
SSE 的限制
尽管 SSE 在实现实时通知方面有很大的优势，但是它也有一些限制。
浏览器支持
SSE 并不是所有的浏览器都支持，目前主流的浏览器都支持 SSE，但是在一些老的浏览器中可能不支持。
单向通信
SSE 是一种单向通信方式，只能由服务器向客户端发送消息，客户端无法向服务器发送消息。因此 SSE 不能用于实现双向通信的场景，例如在线游戏等。
长连接维护
SSE 会建立长连接，需要维护连接，如果连接断开需要重新建立连接。因此 SSE 在实现实时通知的同时也会给服务器带来一定的负担。
SSE 的实现
下面是一个使用 SSE 实现实时消息通知的示例代码：
服务端代码：
-- -------------------- ---- -------
----- ---- - ----------------
----------------------- ---- -- -
------------------ -
--------------- -------------------- -- -- ------------ - -----------------
---------------- -----------
------------- -------------
---
-------------- -- -
---------------- ----- ----------------------------------- -- ----
-- ------
----------------
------------------- ------- -- -------------------------客户端代码：
-- -------------------- ---- -------
--------- -----
------
------
----- ----------------
---------- ------------
-------
------
------- ---------
---- -------------------
--------
----- ------ - --- ------------------------------------- -- -- --- --
---------------- - ------- -- -
-------------------------------------------- - ----------- -- ----
--
---------
-------
-------在这个示例中，服务端每隔一秒钟向客户端发送当前时间的消息，客户端接收到消息后将消息显示在页面上。
总结
SSE 是一种非常实用的技术，可以用于实现实时通知和数据更新等场景。但是 SSE 也有一些限制，需要根据具体的场景进行选择。在使用 SSE 的时候，我们需要注意浏览器的支持情况和长连接维护等问题。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/65fa355ed10417a222607e3a