什么是 SSE？
SSE（Server-Sent Events）是一种基于 HTTP 协议的服务器推送技术，它允许服务器直接向客户端推送数据，而不需要客户端发起请求。SSE 采用事件流的方式传输数据，因此非常适合实时通信场景。
服务器异常关闭的情况
在使用 SSE 进行服务器推送时，我们需要考虑服务器异常关闭的情况。这种情况会导致客户端和服务器之间的连接断开，如果此时客户端没有处理这个异常情况，就可能导致客户端无法接收到服务器发送的数据。
如何处理服务器异常关闭？
在 SSE 中，如果服务器异常关闭，客户端会接收到一个 error 事件。我们可以在客户端的 onerror 事件处理函数中处理这个情况。以下是一个示例代码：
-- -------------------- ---- -------
----- ----------- - --- --------------------
--------------------- - -------- ------- -
-------------------------- ------------
--
------------------- - -------- ------- -
-- ----------------- -- ------------------- -
----------------------
- ---- -
------------------------- -------
-
--在上面的示例代码中，我们通过 onerror 事件处理函数来处理服务器异常关闭的情况。如果事件的 readyState 属性为 CLOSED，表示连接已经关闭；否则就是发生了一个错误。
使用心跳机制检测服务器连接状态
除了使用 onerror 事件处理函数来处理服务器异常关闭的情况之外，我们还可以使用心跳机制来检测服务器连接状态。通过定期发送心跳请求，客户端可以检测服务器是否处于正常连接状态。如果服务器没有及时响应心跳请求，客户端就可以认为服务器连接已经断开。
以下是一个使用心跳机制来检测服务器连接状态的示例代码：
-- -------------------- ---- -------
----- ----------- - --- --------------------
----- ------------------ - ----- -- - - ---------
--- -----------------
--------------------- - -------- ------- -
-------------------------- ------------
-- -----------
----------------------
--
------------------- - -------- ------- -
------------------------- -------
-- ---------
--------------------
----------
--
-- -------
-------- --------------------- -
-------------------------------
---------------- - ------------------- -- -
----------------------
---------------------------------------
----------------------
-- --------------------
-
-- -----
-------- --------- -
----------------------------------------- -------- -- -
-- ------------------
-------------------------------
----------------------
---
------------------------------------ -------- -- -
----------------------
----------------------
---
------------------------------------- -------- ------- -
------------------------- -------
--------------------
---
-
----------在上面的示例代码中，我们通过 setTimeout 函数定期发送心跳请求。当收到服务器发送的消息时，就重新开始计时。如果服务器连接断开，就会触发 onerror 事件，在事件处理函数中关闭连接并重新连接。通过这种方式，客户端可以及时检测服务器连接状态，并对异常情况进行处理。
总结
在使用 SSE 进行服务器推送时，我们需要注意服务器异常关闭的情况。通过在客户端的 onerror 事件处理函数中处理这个情况，或者使用心跳机制来检测服务器连接状态，可以保证客户端能够及时处理异常情况，从而保证实时通信的稳定性。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/648205d148841e989416eb39