Server-sent Events 能与 CDN 共同使用吗？有哪些问题？-JavaScript中文网-JavaScript教程资源分享门户

介绍

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

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

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

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

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

var source = new EventSource('/events');
source.onmessage = function(event) {
  console.log(event.data);
}

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

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

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

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

Cache-Control: no-cache
Connection: Keep-Alive
Content-Type: text/event-stream

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

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

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

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

来源：JavaScript中文网，转载请注明来源 https://www.javascriptcn.com/post/6715ca92ad1e889fe218ee68