Server-sent Events 能与 CDN 共同使用吗?有哪些问题?

介绍

Server-sent Events (SSE) 是一项用于在客户端和服务器之间实现单向消息传递的技术。它使用了专门的 HTTP 长连接(长轮询)和流,以便服务器可以发送实时信息给客户端。

CDN (Content Delivery Network) 是一种分布式服务器系统,可以提高静态资源的加载速度和可用性。 CDN 是通过将资源存储在多个服务器上的方式来加速它们的分发。

在这篇文章里,我们将探讨 SSE 是否能与 CDN 共同使用,以及可能会遇到哪些问题。

SSE 与 CDN

在理论上,SSE 能够与 CDN 共同使用,其原因在于 SSE 能够直接从服务器向客户端传输,而不是经过 CDN。

例如,在使用 SSE 支持的网站上,通过以下代码,我们可以订阅服务器的实时事件:

--- ------ - --- -----------------------
---------------- - --------------- -
  ------------------------
-

服务器将随时间推移而向客户端发送消息。即使接收服务器数据的页面位于 CDN 上,Web 浏览器仍然会直接连接到 Web 服务器,而不是通过 CDN。

可能的问题

虽然 SSE 与 CDN 的理论上兼容,但在实际中,可能会出现一些问题。

缓存问题

例如,浏览器可能会尝试将 SSE 连接缓存到 CDN 上。这样做可能会导致客户端无法获得实时更新。

为了避免这个问题,可以通过在与服务器通信的所有请求中添加“Cache-Control”头文件来关闭 CDN 缓存。例如,可以在响应头中添加以下内容:

-------------- --------
----------- ----------
------------- -----------------

这将指示 CDN 和浏览器不缓存服务器发送的 SSE 数据。

多数据中心问题

另一个可能出现的问题是使用分布式 CDN 时的多数据中心。多数据中心会导致 SSE 连接和文件请求重定向到不同的数据中心,从而可能导致与服务器的 SSE 连接断开,从而无法实时传递更新。

为了解决这个问题,可以使用一些专门的工具,例如 sse-ping 来监视与服务器连接的延迟,并在连接断开时自动重新建立连接。

结论

SSE 是与 CDN 兼容的技术。这就意味着,即使网站使用 CDN,也可以使用 SSE 实现实时事件传递。但在实践中,可能还需要解决一些缓存和多数据中心的问题。为了确保客户端可以实时接收到更新,我们需要在我们的代码中考虑这些问题。

参考资料

来源:JavaScript中文网 ,转载请注明来源 本文地址:https://www.javascriptcn.com/post/6715ca92ad1e889fe218ee68