SSE 服务器推送长轮询间隔设置
什么是SSE
SSE全称为Server-Sent Events，是一种用于服务器向浏览器单向发送数据的技术。与WebSocket不同，SSE不需要客户端建立连接，服务器反向推送数据。SSE支持HTTP协议的持续连接，可以实现近实时的数据更新，被广泛应用于实时性要求较高的应用场景，如在线聊天、股票行情等。
SSE的优点
相比于WebSocket，SSE有以下优点：
- 不需要双方建立长时间的连接，可以减轻服务器压力；
- SSE使用标准的HTTP协议，避免了跨域的问题；
- SSE在服务器推送数据时，根据网络状况和系统负载自动调整发送速度，保证数据的及时性和稳定性。
SSE的实现
SSE基于HTTP协议的长轮询机制实现。浏览器向服务器发送一个普通的HTTP请求，服务器不会马上返回结果，而是将请求保持打开状态，等待要发送的数据。当有数据需要推送时，服务器通过保持连接向浏览器发送数据，浏览器通过JavaScript事件机制接收数据。
SSE的示例代码
下面是一个简单的SSE示例，通过Node.js的http模块模拟服务器推送数据。
-- -------------------- ---- -------
----- ---- - ----------------
-------------------------- ----- ---- -
------------------ -
--------------- --------------------
---------------- -----------
------------- ------------
---
-------------- -- -
----- ------- - ------ - - --- -------------------- - -------
-------------------
-- ------
----------------
------------------- ------- -- -------------------------上面的代码会每隔1秒钟向客户端发送一条数据，客户端可以通过监听'server-sent'事件接收到数据。下面是客户端的示例代码：
const eventSource = new EventSource('http://127.0.0.1:3000/');
eventSource.addEventListener('server-sent', function (event) {
console.log(event.data);
});SSE的长轮询间隔
SSE的长轮询间隔指的是服务器推送数据的时间间隔。通常情况下，SSE会将每个链接最长设置为30秒的超时，超时后进行连续的新连接请求，保证服务器推送数据的实时性。因此，SSE的长轮询间隔要比实时数据更短，以保证客户端可以及时接收到数据。
如果服务器推送的数据不是特别实时，可以适当增加长轮询间隔，减少不必要的连接请求。但是过长的间隔会导致数据的延迟较大，呈现不及时的效果。
SSE长轮询间隔的设置
在Node.js中，可以通过设置response.setHeader('Heartbeat-Timeout', 5000);的方式设置长轮询间隔，单位为毫秒。在nginx中，可以通过配置proxy_read_timeout规定长轮询超时时间，以及配置proxy_buffering关闭代理缓存。SSE的长轮询间隔设置在不同平台上可能会有所不同，具体需要根据实际情况来确定。
总结
SSE是一种推送机制，可以用于在Web应用中实现实时数据的显示。SSE可以根据实际情况动态调整发送的速度，保证数据的及时性和稳定性。SSE的长轮询间隔设置在不同平台上可能会有所不同，需要根据实际情况进行调整。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/646e11a2968c7c53b0ca73ae