轮询、SSE和webSocket，哪个才是最佳选择？

前端

2023-09-27 21:54:02

实时通信：提升 Web 应用程序交互性和响应性

在现代 Web 开发中，实时通信已经成为一种至关重要的需求。它允许 Web 应用程序在不刷新页面或重新加载数据的情况下与用户进行双向交互。这带来的优势是显而易见的：更具互动性、更灵敏的用户体验。

实现实时通信有几种不同的技术，每种技术都有其独特的优缺点，适合于不同的场景。

轮询

轮询是实现实时通信最简单的方法。在这种方法中，客户端定期向服务器发送 HTTP 请求，查询是否有新数据。如果服务器上有新数据，它会将数据返回给客户端；如果没有，则返回空响应。

轮询的优点在于其简单易行。然而，其缺点是效率低下，因为客户端即使在服务器上没有新数据时也会定期发送请求。

长轮询

长轮询是一种改进的轮询技术。在长轮询中，客户端向服务器发送一个 HTTP 请求，而服务器在收到请求后，并不会立即返回响应，而是会等待一段时间（例如 10 秒），然后再返回响应。在这段时间内，如果服务器上有新数据，它会立即将数据返回给客户端；如果没有，则在等待时间结束后返回一个空响应。

与轮询相比，长轮询的效率更高，因为客户端不会定期发送请求。然而，它的缺点是服务器需要保持与客户端的连接，这可能会消耗服务器资源。

SSE（Server-Sent Events）

SSE 是一种由 HTML5 引入的实时通信技术。它允许服务器向客户端发送事件，而无需客户端主动请求。客户端可以使用 EventSource 对象来监听服务器发送的事件。

SSE 的优点在于它简单易用，并且不会消耗服务器资源。然而，它的缺点是仅支持 HTML5 浏览器。

WebSockets

WebSockets 是一种双向实时通信技术。在 WebSockets 中，客户端和服务器通过一个长连接进行通信。客户端和服务器可以使用 WebSocket 对象来发送和接收数据。

WebSockets 的优点在于其高效、低延迟，并且支持双向通信。然而，它的缺点是实现复杂，并且需要浏览器和服务器都支持 WebSockets。

Comet

Comet 是一种使用长轮询技术来实现实时通信的方法。在 Comet 中，客户端向服务器发送一个 HTTP 请求，而服务器在收到请求后，并不会立即返回响应，而是会等待一段时间（例如 10 秒），然后再返回响应。在这段时间内，如果服务器上有新数据，它会立即将数据返回给客户端；如果没有，则在等待时间结束后返回一个空响应。

与长轮询的区别在于，Comet 使用了一个特殊的 JavaScript 库来实现，而长轮询可以使用普通的 XMLHttpRequest 对象来实现。Comet 的优点在于其简单易用，并且可以跨浏览器使用。然而，它的缺点是效率较低，并且需要服务器保持与客户端的连接。

选择合适的实时通信技术

在选择实时通信技术时，需要考虑以下因素：