web交互技术

在我们平时的生活过程中，会进行很多实时交互的动作，比如在微信聊天，查看股市行情，我们需要实时的获取服务器端的最新数据，那么如何实时获取服务端最新消息？我们有五大web交互技术：

1. 轮询
2. 长轮询
3. 长连接
4. webSocket

背景知识

在了解这五大技术之前，我们先要了解一下HTTP协议的通信机制

1. 浏览器和服务器基于TCP/IP协议，通过“三次握手”建立连接
2. 建立连接后，客户端发送请求给服务器端
3. 服务器端收到请求，给予相应的相应信息
4. 客户端与服务器端断开连接（HTTP1.0服务器响应后会主动断开连接，HTTP1.1会默认保持连接直至超时）

轮询

客户端定时发送请求，服务器端收到请求后马上响应，并关闭连接

优点

• 编写容易

缺点

• 并不是最新实时的数据，存在一定的延迟
• 不断向服务器发起请求，浪费了大量的带宽和资源

长轮询

客户端发起请求，服务器端收到请求后进行阻塞，并保持连接，当服务器有数据需要响应时，使用保持的连接响应，并关闭连接

优点

• 减少很多不必要的请求，相比轮询节约了资源
• 可以实时获取消息，没有延迟

缺点

• 收到请求后会进行阻塞，一定程度上还是对资源进行了浪费

轮询和长轮询都是被动式服务器的体现，服务器不会主动推送信息，而是在客户端发送请求后进行返回的响应

长连接

客户端发送请求，服务器端接受到客户端请求后进行阻塞，并保持连接，当服务器端有数据需要响应时，使用保持住的连接进行响应，并保持连接

优点

• 不需要客户端发送请求
• 消息及时到达，不发无用请求

缺点

• 服务器维护一个长连接会增加开销

WebSocket

WebSocket是html5新增的一个基于TCP协议的全双工通信协议

优点

• 浏览器和服务器只需要建立一次握手
• 允许服务端主动向客户端推送数据

缺点

• 某些低版本浏览器不兼容