什么是 SSE？
SSE（Server-Sent Events）是一种基于 HTTP 的服务器推送技术，它允许服务器向客户端发送异步消息，而无需客户端发起请求。SSE 是 HTML5 的一部分，它提供了一种简单的方式，使得客户端能够实时地接收服务器端的更新。
SSE 的优势
相比于传统的轮询方式，SSE 有以下优势：
实时性更高：SSE 可以实现实时推送，而轮询则需要不停地向服务器发送请求，不仅浪费带宽，而且响应速度也会变慢。
降低服务器负载：SSE 可以让服务器在有更新时才发送数据，而轮询则需要不停地处理请求，增加了服务器的负载。
更加灵活：SSE 可以在服务器端推送任意数据格式，而轮询则需要客户端进行解析。
SSE 的应用场景
SSE 可以用于实现以下场景：
实时通信：SSE 可以用于实现聊天室、实时在线游戏等实时通信场景。
实时数据更新：SSE 可以用于实现实时的股票行情、天气预报等实时数据更新场景。
服务器状态监控：SSE 可以用于实现服务器状态的实时监控，例如 CPU 使用率、内存使用率等。
SSE 的应用实例
下面是一个简单的 SSE 应用实例，它实现了一个实时的股票行情更新页面。服务器会每隔 5 秒钟向客户端推送最新的股票行情数据。
服务端代码
-- -------------------- ---- -------
----- ---- - ----------------
----- ------ - ----------------------- ---- -- -
-- -------- --- ---------- -
------------------ -
--------------- --------------------
---------------- -----------
------------- ------------
---
-------------- -- -
----- --------- - -
------- -------
------ ------------- - ---
--
---------------- -----------------------------------
-- ------
- ---- -
-------------------
----------
-
---
------------------- -- -- -
------------------- -- ------- -- ---- -------
---客户端代码
-- -------------------- ---- -------
--------- -----
------
------
----- ----------------
---------- ------------
-------
------
---------------
--- ---------------------
--------
----- --------- - --------------------------------------
----- ----------- - --- -----------------------
--------------------------------------- ----- -- -
----- --------- - -----------------------
----- --------- - -----------------------------
------------------- - --------------------- --------------------
---------------------------------
---
---------
-------
-------总结
SSE 是一种非常实用的服务器推送技术，它可以提高实时性，降低服务器负载，更加灵活。在实时通信、实时数据更新、服务器状态监控等场景下，SSE 都有着广泛的应用。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/663187f7d3423812e4f417c1