什么是Server-sent Events（SSE）？
Server-sent Events（SSE）是一种浏览器与服务器之间实时通信的技术。它允许服务器向浏览器发送事件流（Event Stream），浏览器通过EventSource API接收并处理这些事件流。SSE的优点包括简单易用、高效稳定、支持跨域等。
SSE的推送频率设置
SSE的推送频率是指服务器向浏览器发送事件流的速率。SSE默认的推送频率是无限制的，也就是说，服务器会不断地向浏览器发送事件流，直到浏览器关闭连接。这种无限制的推送频率在一些场景下可能会导致浏览器的性能问题，因此需要进行限制。
限制推送频率的方法
1. 通过设置retry字段
SSE协议规定，服务器在向浏览器发送事件流的同时，可以设置retry字段，告诉浏览器在多少毫秒后重新连接服务器。通过设置retry字段，可以控制浏览器重新连接服务器的时间，从而实现推送频率的限制。
----- ----------- - --- --------------------
--------------------- - --------------- -
------------------------
--
------------------- - --------------- -
---------------------
-- -------
--------------------
------------- -- -
----- -------------- - --- --------------------
------------------------ - ----------------------
---------------------- - --------------------
-- ----------- -- ------
--在上面的代码中，我们通过设置setTimeout函数，控制浏览器在多少毫秒后重新连接服务器。如果服务器在发送事件流的同时设置了retry字段，我们可以通过event.retry获取重新连接的时间，否则默认1秒后重新连接。
2. 通过设置服务端的推送频率
除了通过设置retry字段控制浏览器重新连接服务器的时间外，我们还可以通过设置服务端的推送频率来限制SSE的推送频率。在Node.js中，我们可以使用setInterval函数定时向浏览器发送事件流，从而控制SSE的推送频率。
----- ---- - ----------------
----- ------ - ----------------------- ---- -- -
-- -------- --- ------- -
------------------ -
--------------- --------------------
---------------- -----------
------------- ------------
---
--- ----- - --
----- ---------- - -------------- -- -
---------------- -----------------
-- ------ - --- -
--------------------------
----------
-
-- ------
- ---- -
-------------------
----------
-
---
--------------------在上面的代码中，我们使用setInterval函数定时向浏览器发送事件流，控制SSE的推送频率为1秒/次。当发送的事件流数量超过10时，我们停止发送事件流，并关闭连接。
SSE的流量控制
SSE的流量控制是指控制服务器向浏览器发送事件流的速率，从而避免服务器负载过高。在SSE中，我们可以通过设置服务端的推送频率和浏览器重新连接服务器的时间来实现流量控制。
实现流量控制的方法
1. 通过设置服务端的推送频率
在SSE中，我们可以通过设置服务端的推送频率来控制服务器向浏览器发送事件流的速率。通过控制发送事件流的时间间隔，我们可以避免服务器负载过高。
----- ---- - ----------------
----- ------ - ----------------------- ---- -- -
-- -------- --- ------- -
------------------ -
--------------- --------------------
---------------- -----------
------------- ------------
---
--- ----- - --
-------------- -- -
---------------- -----------------
-- ------
- ---- -
-------------------
----------
-
---
--------------------在上面的代码中，我们通过setInterval函数每隔1秒向浏览器发送一个事件流。通过控制发送事件流的时间间隔，我们可以控制服务器向浏览器发送事件流的速率。
2. 通过设置浏览器重新连接服务器的时间
除了通过设置服务端的推送频率控制服务器向浏览器发送事件流的速率外，我们还可以通过设置浏览器重新连接服务器的时间来实现流量控制。通过控制浏览器重新连接服务器的时间，我们可以控制浏览器向服务器请求事件流的频率，从而避免服务器负载过高。
----- ----------- - --- --------------------
--------------------- - --------------- -
------------------------
--
------------------- - --------------- -
---------------------
-- -------
--------------------
------------- -- -
----- -------------- - --- --------------------
------------------------ - ----------------------
---------------------- - --------------------
-- ------
--在上面的代码中，我们通过设置setTimeout函数，控制浏览器在5秒后重新连接服务器。通过控制浏览器重新连接服务器的时间，我们可以控制浏览器向服务器请求事件流的频率，从而避免服务器负载过高。
总结
本文介绍了Server-sent Events（SSE）的推送频率设置及流量控制。我们通过设置retry字段和服务端的推送频率，控制SSE的推送频率；通过设置浏览器重新连接服务器的时间，控制浏览器向服务器请求事件流的频率。实现SSE的推送频率设置和流量控制，可以避免浏览器性能问题和服务器负载过高的问题。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/65ddd59c1886fbafa4b21b12