在我们平时的生活过程中,会进行很多实时交互的动作,比如在微信聊天,查看股市行情,我们需要实时的获取服务器端的最新数据,那么如何实时获取服务端最新消息?我们有五大web交互技术:
- 轮询
- 长轮询
- 长连接
- webSocket
背景知识
在了解这五大技术之前,我们先要了解一下HTTP协议的通信机制
- 浏览器和服务器基于TCP/IP协议,通过“三次握手”建立连接
- 建立连接后,客户端发送请求给服务器端
- 服务器端收到请求,给予相应的相应信息
- 客户端与服务器端断开连接(HTTP1.0服务器响应后会主动断开连接,HTTP1.1会默认保持连接直至超时)
轮询
客户端定时发送请求,服务器端收到请求后马上响应,并关闭连接
优点
- 编写容易
缺点
- 并不是最新实时的数据,存在一定的延迟
- 不断向服务器发起请求,浪费了大量的带宽和资源
长轮询
客户端发起请求,服务器端收到请求后进行阻塞,并保持连接,当服务器有数据需要响应时,使用保持的连接响应,并关闭连接
优点
- 减少很多不必要的请求,相比轮询节约了资源
- 可以实时获取消息,没有延迟
缺点
- 收到请求后会进行阻塞,一定程度上还是对资源进行了浪费
轮询和长轮询都是被动式服务器的体现,服务器不会主动推送信息,而是在客户端发送请求后进行返回的响应
长连接
客户端发送请求,服务器端接受到客户端请求后进行阻塞,并保持连接,当服务器端有数据需要响应时,使用保持住的连接进行响应,并保持连接
优点
- 不需要客户端发送请求
- 消息及时到达,不发无用请求
缺点
- 服务器维护一个长连接会增加开销
WebSocket
WebSocket是html5新增的一个基于TCP协议的全双工通信协议
优点
- 浏览器和服务器只需要建立一次握手
- 允许服务端主动向客户端推送数据
缺点
- 某些低版本浏览器不兼容