在什么情况下 AJAX 长/短轮询优于 HTML5 WebSockets?

IT技术 javascript ajax html websocket network-protocols
2021-02-01 14:42:41

我正在为朋友构建一个小型聊天应用程序,但不确定如何及时获取信息,这不像强制刷新页面那样手动或基本。

目前,我正在使用简单的 AJAX 来实现这一点,但这有一个缺点,即在很短的时间过去后会定期访问服务器。

在研究长/短轮询时,我遇到了 HTML5 WebSockets。似乎很容易实现,但我不确定是否有一些隐藏的缺点。例如,我认为 WebSockets 仅受某些浏览器支持。我应该注意 WebSockets 的其他缺点吗?

既然这两种技术似乎都在做同样的事情,那么在哪种情况下,人们更愿意使用一种而不是另一种?更具体地说,是 HTML5 WebSockets 使 AJAX 长/短轮询过时了,还是有令人信服的理由更喜欢 AJAX 而不是 WebSockets?

4个回答

WebSockets 现在绝对是未来

长轮询是一种肮脏的解决方法,可防止像 AJAX 那样为每个请求创建连接 - 但长轮询是在 WebSockets 不存在时创建的。现在由于 WebSockets,长轮询不再消失

WebRTC 允许点对点通信。

我建议学习WebSockets

比较:

网络上不同的通信技术

  • AJAX - requestresponse创建到服务器的连接,发送带有可选数据的请求标头,从服务器获取响应,然后关闭连接。 所有主要浏览器都支持。

  • 长轮询- requestwaitresponse像 AJAX 一样创建到服务器的连接,但保持一个保持活动连接打开一段时间(虽然不长)。在连接过程中,开放的客户端可以从服务器接收数据。由于超时或数据 eof,客户端必须在连接关闭后定期重新连接。在服务器端,它仍然被视为 HTTP 请求,与 AJAX 相同,除了请求的答案将在现在或将来的某个时间发生,由应用程序逻辑定义。 支持图表(完整) | 维基百科

  • WebSockets - clientserver. 创建到服务器的 TCP 连接,并在需要时保持打开状态。服务器或客户端可以轻松关闭连接。客户端通过 HTTP 兼容的握手过程。如果成功,那么服务器和客户端可以随时双向交换数据。如果应用程序需要以两种方式进行频繁的数据交换,则它是有效的。WebSockets 确实有数据帧,包括对从客户端发送到服务器的每条消息进行掩码,因此数据被简单地加密。 支持图表(很好) | 维基百科

  • WebRTC - peerpeer. 传输在客户端之间建立通信并且与传输无关,因此它可以使用 UDP、TCP 甚至更多抽象层。这通常用于高容量数据传输,例如视频/音频流,其中可靠性是次要的,并且可以牺牲一些帧或质量进展的降低以有利于响应时间,并且至少是一些数据传输。双方(对等点)可以独立地相互推送数据。虽然它可以完全独立于任何中央服务器使用,但它仍然需要某种方式来交换端点数据,在大多数情况下,开发人员仍然使用中央服务器来“链接”对等点。这仅用于交换用于建立连接的基本数据,之后不需要中央服务器。 支撑图(中) | 维基百科

  • 服务器发送的事件- clientserver客户端与服务器建立持久和长期的连接。只有服务器可以向客户端发送数据。如果客户端想要向服务器发送数据,则需要使用另一种技术/协议来完成。该协议与 HTTP 兼容且易于在大多数服务器端平台中实现。这是替代长轮询的首选协议。支持图表(好,IE除外) | 维基百科

好处:

WebSockets服务器端的主要优点是它不是 HTTP 请求(握手后),而是基于适当消息的通信协议。使您能够获得巨大的性能和架构优势例如,在 node.js 中,您可以为不同的套接字连接共享相同的内存,因此它们可以访问共享变量。因此,您不需要使用数据库作为中间的交换点(就像使用 AJAX 或使用 PHP 等语言的长轮询)。您可以将数据存储在 RAM 中,甚至可以直接在套接字之间重新发布。

安全考虑

人们经常关注 WebSockets 的安全性。现实情况是,它几乎没有什么区别,甚至将 WebSockets 作为更好的选择。首先,使用 AJAX,MITM 的可能性更高,因为每个请求都是一个新的 TCP 连接,它正在穿越互联网基础设施。使用 WebSockets,一旦连接起来,在两者之间进行拦截就更具挑战性,当数据从客户端流式传输到服务器时额外强制执行帧掩码以及额外的压缩,这需要更多的努力来探测数据。所有现代协议都支持:HTTP 和 HTTPS(加密)。

聚苯乙烯

请记住,WebSockets 通常有一种非常不同的网络逻辑方法,更像是一直以来的实时游戏,而不是像 http。

@bagz_man Long Polling 是一种“hacky”使用技术来实现技术定义不允许的结果,并且没有可用的标准替代方案。Long Polling 存在的原因正是因为 WS 没有,Period。
2021-03-15 14:42:41
@moka:Cloudflare 的免费层将吸收持续 400+Gbps 的攻击。您的钱包能承受 AWS 账单吗?在处理对您的来源的投诉时,AWS 和 Cloudflare 也有相反的观点。只要我们在讨论权衡,就需要牢记这一点。:)
2021-03-22 14:42:41
嗨@pithhelmet 这一切都取决于服务器端软件(语言/技术)本身。WebSocket 是 TCP 之上的层,并且有很多方法可以实现 TCP 流。现代 Web 服务器使用基于事件的架构,并且使用线程池非常高效。您使用的是哪种技术?Node.js 使用幕后的事件进行 IO,并且在执行上下文中使用单线程事件,因此它的效率非常高。为每个连接使用线程 - 就 RAM(每个线程 1mb+)和 CPU 而言,效率非常低,因为这些线程只会空闲或更糟 - 检查数据的无限循环。
2021-04-04 14:42:41
长轮询并不是一个肮脏的解决方法,它与 webSocket 不同。这两个旨在用于不同的场景。
2021-04-07 14:42:41
这与它本身的兼容性无关。最重要的是,它即将全面重新思考沟通的方式。由于 RESTful API 使用请求>响应模式,这里的双向通信将毫无意义。所以尝试使用 WebSockets 来查询 RESTful API - 是一个有点奇怪的尝试,根本看不到它的任何好处。如果您需要来自 RESTful API 的实时数据,那么您可以创建 WebSockets api 来推送将与 WebSockets 等双向通信一起使用的数据。您正在尝试从无法比较的角度比较事物:)
2021-04-09 14:42:41

您忽略的一项竞争技术是服务器发送的事件/事件源。 什么是长轮询、Websockets、服务器发送事件 (SSE) 和 Comet?对所有这些都有很好的讨论。请记住,其中一些比其他更容易在服务器端集成。

@somdow Maksims-Mihejevs 在他回答的前两段中很好地回答了你的问题。使用网络套接字。
2021-03-20 14:42:41
在所有这些中,您建议研究哪个?
2021-04-03 14:42:41
我在长轮询方面取得了成功,唯一的技巧(对于它和其他技术)不是占用服务器线程。如果您不使用异步服务器代码,它将无法扩展。
2021-04-07 14:42:41

对于聊天应用程序或与服务器不断对话的任何其他应用程序,是WebSockets最佳选择。但是,您只能WebSockets与支持它们的服务器一起使用,因此如果您无法安装所需的库,则可能会限制您使用它们的能力。在这种情况下,您需要使用Long Polling来获得类似的功能。

每个服务器都支持 WebSockets……你只需要安装 node.js 或类似的东西。
2021-03-24 14:42:41
我意识到这个线程有点旧但是...... WebSockets 可能不是所有双向通信的最佳答案。我最近注意到 Spring 4 的 Web 套接字支持文档表明 WebSockets 更适合移动大量数据或低延迟。如果这些不适用或不是优先事项,那么我相信他们建议使用长轮询。我不知道这种观点的充分理由,我只是认为 Spring 人员一般都知道他们在谈论什么。
2021-04-02 14:42:41
稍作调整以解释是的任何服务器都将支持 WebSockets。但是,如果您使用的是托管服务,则可能无法使用它们。
2021-04-03 14:42:41
@Stoney 除了您需要在服务器(处理程序等)上设置 websocket 之外,根本没有理由在 websocket 上使用长轮询。Websocket 速度更快(低延迟),并且允许服务器在没有客户端要求的情况下与客户端“对话”。现在我使用信号器(我认为有史以来最好的 websocket 实现之一 - 它在客户端和服务器上运行,并允许客户端调用服务器上的方法和客户端上的服务器,就好像没有区别一样)在每个我制作的网站 - 动态内容加载、无底页面等。
2021-04-05 14:42:41

XHR 轮询 vs SSE vs WebSockets

  • XHR 轮询当事件发生时(可能是立即或延迟后)响应请求。需要进行后续请求以接收更多事件。

    浏览器向服务器发出异步请求,服务器可能会等待数据可用后再响应。响应可以包含要由客户端执行的编码数据(通常是 XML 或 JSON)或 Javascript。在响应处理结束时,浏览器创建并发送另一个 XHR,以等待下一个事件。因此,浏览器始终与服务器保持未完成的请求,以在每个事件发生时得到响应。维基百科

  • 服务器发送事件客户端向服务器发送请求。服务器随时向网页发送新数据。

    传统上,网页必须向服务器发送请求才能接收新数据;即页面向服务器请求数据。使用服务器发送的事件,服务器可以通过将消息推送到网页来随时向网页发送新数据。这些传入的消息可以被视为网页内的事件 + 数据。Mozilla

  • WebSockets在初始握手之后(通过 HTTP 协议)。使用 WebSocket 协议进行双向通信。

    握手以 HTTP 请求/响应开始,允许服务器处理 HTTP 连接以及同一端口上的 WebSocket 连接。一旦建立连接,通信就会切换到不符合 HTTP 协议的双向二进制协议。维基百科