37

我有一个监听服务器发送事件的 Web 应用程序。当我在打开多个窗口的情况下工作和测试时，一切都没有工作，我撞了好几次头，朝错误的方向看：最终，我意识到问题出在并发连接上。

但是我测试的数量非常有限，即使我在 Apache 上运行测试（我知道，我应该使用节点）。

然后，我切换浏览器并注意到一些非常有趣的事情：显然 Chrome 将服务器发送事件连接限制为 4-5，而 Opera 则没有。另一方面，Firefox 在 4-5 个同时连接后，拒绝加载任何其他页面。

这背后的原因是什么？该限制是否仅适用于来自同一来源的 SSE 连接，或者如果我要测试从不同域打开它们是否相同？我是否有可能滥用 SSE 而这实际上阻止了浏览器，或者这是一种已知行为？有什么办法吗？

4

3 回答 3

51

这在所有浏览器中的工作方式是每个域获得有限数量的连接，并且限制对您的整个应用程序是全局的。这意味着，如果您为实时通信打开了一个连接，则用于加载图像、css 和其他页面的连接就会减少。最重要的是，您不会为新选项卡或窗口获得新连接，它们都需要共享相同数量的连接。这非常令人沮丧，但有充分的理由限制连接。几年前，这个限制在所有浏览器中都是 2（基于 ( http://www.ietf.org/rfc/rfc2616.txt ) HTTP1.1 规范中的规则），但现在大多数浏览器使用 4-10 个连接一般的。另一方面，移动浏览器仍然需要限制连接数量以节省电池电量。

这些技巧可用：

  1. 使用更多的主机名。通过分配 ex。www1.domain.com, www2.domain.com 你会为每个主机名获得新的连接。这个技巧适用于所有浏览器。不要忘记更改 cookie 域以包含整个域（domain.com，而不是 www.domain.com）
  2. 使用网络套接字。Web 套接字不受这些限制，更重要的是，它们不会与您网站的其他内容竞争。

  3. 打开新选项卡/窗口时重复使用相同的连接。如果您已将所有实时通信逻辑收集到对象调用集线器，您可以在所有打开的窗口上调用该对象，如下所示：

    window.hub = window.opener ? window.opener.hub || new Hub()

  4. 或使用 flash - 这些天不是最好的建议，但如果 websockets 不是一个选项，它可能仍然是一个选项。
  5. 请记住在每个 SSE 请求之间添加几秒钟的时间，以便在开始新的请求之前清除排队的请求。还要为用户处于非活动状态的每一秒增加一点等待时间，这样您就可以将服务器资源集中在那些处于活动状态的用户上。还添加一个随机数的延迟以避免雷霆群问题

在使用 Java 或 C# 等多线程和阻塞语言时要记住的另一件事是，您可能会在长轮询请求中使用应用程序其余部分所需的资源。例如，在 C# 中，每个请求都会锁定 Session 对象，这意味着整个应用程序在 SSE 请求处于活动状态期间没有响应。

NodeJs 非常适合这些事情，原因有很多，你已经知道了，如果你使用 NodeJS，你会使用 socket.io 或 engine.io 通过使用 websockets、flashsockets 和 XHR-polling 为你解决所有这些问题也因为它是非阻塞和单线程的，这意味着它在等待发送东西时将在服务器上消耗很少的资源。AC# 应用程序每个等待请求消耗一个线程，仅用于线程就占用至少 2MB 内存。

于 2014-02-26T10:26:55.887 回答
6

解决此问题的一种方法是关闭所有隐藏选项卡上的连接，并在用户访问隐藏选项卡时重新连接。

我正在使用一个唯一标识用户的应用程序，它允许我实现这个简单的解决方法：

  1. 当用户连接到 sse 时，存储他们的标识符，以及他们的选项卡加载时间的时间戳。如果您当前没有在您的应用中识别用户，请考虑使用会话和 cookie。

  2. 当一个新选项卡打开并连接到 sse 时，在您的服务器端代码中，向与该标识符关联的所有其他连接（没有当前时间戳）发送一条消息，告诉前端关闭 EventSource。前端处理程序看起来像这样：

    myEventSourceObject.addEventListener('close', () => { myEventSourceObject.close(); myEventSourceObject = null; });

  3. 使用 javascript 页面可见性 api 检查旧选项卡是否再次可见，如果是，则将该选项卡重新连接到 sse。

    document.addEventListener('visibilitychange', () => { if (!document.hidden && myEventSourceObject === null) { // reconnect your eventsource here } });

  4. 如果您按照步骤 2 所述设置服务器代码，则在重新连接时，服务器端代码将删除与 sse 的所有其他连接。因此，您可以在您的选项卡之间单击，并且每个选项卡的 EventSource 将仅在您查看页面时连接。

请注意，页面可见性 API 在某些旧版浏览器上不可用： https ://caniuse.com/#feat=pagevisibility

于 2019-06-09T14:25:13.727 回答
3

您对同时连接的数量是正确的。

您可以查看此列表的最大值：http ://www.browserscope.org/?category=network

不幸的是，除了多路复用和/或使用不同的主机名之外，我从未找到任何解决方法。

于 2014-02-25T15:20:07.913 回答