什么是 SSE？
SSE 全称为 Server-Sent Events，是 HTML5 中的一项新技术，用于在客户端和服务器之间建立一种单向的持久连接，服务器可以通过该连接向客户端推送数据，而客户端则可以通过监听该连接来获取服务器推送的数据。
相较于传统的轮询或长轮询方式，SSE 可以实现更加实时的数据推送，同时也能够降低服务器的负载。
如何处理服务器异常？
虽然 SSE 可以实现实时的数据推送，但是在实际应用中，服务器异常是无法避免的。例如服务器宕机、网络中断等情况都会导致 SSE 连接断开。
在这种情况下，我们需要一个方案来处理服务器异常，使得客户端能够及时地发现 SSE 连接断开，并进行相应的处理。
一种常见的方案是在 SSE 连接中使用心跳机制。具体来说，服务器会定时向客户端发送一个特定的消息，例如 heartbeat，客户端在接收到该消息后，立即回复一个特定的消息，例如 heartbeat_response。如果服务器在一定时间内没有收到客户端的回复消息，就可以判断 SSE 连接已经断开，然后进行相应的处理，例如重新建立 SSE 连接。
下面是一个使用心跳机制来处理服务器异常的示例代码：
-- -------------------- ---- -------
----- ----------- - --- ---------------------------
--- --------
------------------------------------ -- -- -
---------------- ---------- ---------
-- - --- --------------
------- - -------------- -- -
------------------------------
-- ------ -- - - ---------
---
--------------------------------------- ------- -- -
----- ------- - -----------
-- -------- --- --------------------- -
--------------------- --------- -----------
- ---- -
--------------------- -------- -------------
-
---
------------------------------------- ------- -- -
---------------- ---------- ------- -------
----------------------- -- -------
-- ----------------- --- ------------------- -
---------------- ---------- ---------
-- --- ------------- --- --
------------- -- -
--------------------
----------- - --- ---------------------------
-- ------ -- - ------ --- --
-
---在这个示例代码中，我们首先建立了一个 SSE 连接，然后在连接建立后开始发送心跳消息。在收到服务器推送的消息时，我们先判断是否为心跳回复消息，如果是，则表示 SSE 连接正常；否则，表示收到了服务器的推送消息。在 SSE 连接发生错误时，我们清除心跳定时器，并判断 SSE 连接是否已经断开，如果已经断开，则尝试重新建立 SSE 连接。
总结
SSE 技术可用于实现实时数据推送，但是在实际应用中，服务器异常是无法避免的。为了处理服务器异常，我们可以使用心跳机制，定时向客户端发送心跳消息，以判断 SSE 连接是否正常。在 SSE 连接发生错误时，我们需要及时地发现并进行相应的处理，以保证客户端能够正常地接收服务器推送的数据。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6506a43895b1f8cacd26595c