浅谈WebsocketAjax轮询和长连接（long pull）

Posted 2021-01-20 放飞的回忆

1.什么是Websocket

　　Websocket是html5中提出的新的协议，注意，这里是协议，可以实现客户端与服务器端的通信，实现服务器的推送功能。

2.Websocket和HTTP协议是什么关系

　　简单来说，Websocket和HTTP有关系，但是关系不大，它们的关系类似于数学中的交集,如下图（借用的Ovear的图）。Websocket借用了HTTP协议来完成一部分握手过程。

　　

3.Websocket的握手过程

　　当客户端要建立Websocket连接时，其向服务器发送：

GET /chat HTTP/1.1

Host: xxx.com

Upgrade: websocket

Connection: Upgrade

Sec-WebSocket-Key: x3JJHMbDL1EzLkh9GBhXDw==

Sec-WebSocket-Protocol: chat, superchat

Sec-WebSocket-Version: 13

Origin: http://xxx.com

　　其中，Upgrade: websocket和Connection: Upgrade告诉服务器，我要建立的是websocket连接；Sec-WebSocket-Key部分服务器加密后还要返回浏览器，确保建立的是websocket连接；Sec-WebSocket-Version: 13是websocket的版本号。

当服务器接收到上述包后，会返回一下内容：

HTTP/1.1 101 Switching Protocols

Upgrade: websocket

Connection: Upgrade

Sec-WebSocket-Accept: HSmrc0sMlYUkAGmm5OPpG2HaGWk=

Sec-WebSocket-Protocol: chat

　　它告诉客户端，我已经切换到websocket协议了，Sec-WebSocket-Accept就是Sec-WebSocket-Key加密后的内容，这样，一个websocket连接就建立了。

4.Websocket怎么工作的

　　　　　　客户端：我要建立websocket连接

　　　　　　服务器端：好的，已经切换到websocket协议，websocket连接已经建立

　　 　　　　 客户端：有什么消息要及时告诉（推送）我

　　　　　　  服务器端：好的

　　　　　　  服务器端：xxxxxx

　　　　　　  服务器端：yyyyyyy

　　　　　　　。。。。。

　　其优点就是，只要建立一次连接，就可以连续不断的得到服务器推送的消息，节省带宽和服务器端的压力。

5.Ajax轮询怎么实现的

　　其实，这个大多数小伙伴都知道了，ajax轮询模拟长连接就是每个一段时间（0.5s）就向服务器发起ajax请求，查询服务器端是否有数据更新

　　　　　　客户端：有没有新消息

　　　　　　服务器端：没有。。（第一次http结束）

　　　　　　客户端：有没有新消息

　　　　　　服务器端：有，xxxxx （第二次http结束）

　　　　　　客户端：有没有新消息

　　　　　　服务器端：没有。。 （第三次http结束）

　　　　　　客户端：有没有新消息

　　　　　　服务器端：没有。。 （第四次http结束）

　　　　　　。。。。。。

　　其缺点显而易见，每次都要建立HTTP连接，即使需要传输的数据非常少，所以这样很浪费带宽；同时，这个过程是被动性的，即不是服务器主动推送的。

6.长连接（long pull）

　　　　　　客户端：有没有新信息（Request）--第一次http请求开始
　　　　　　服务端：没有信息，不作回应

　　　　　　（时间一直的流逝。。。一直保持http连接，当等到有消息的时候）

　　　　　　服务器端：给你xxxx（Response）--这时，第一次的http请求获得想要的结果，然后还要发起第二、三。。次http请求

　　　　　　客户端：有没有新消息（Request）--第二次http请求开始

　　　　　　。。。。。

　　其缺点也是显而易见的，同ajax轮询一样，也是每次都要建立HTTP连接，也都是被动的。而且这种方法对服务器的并行要求比较大，因为在没有消息的时候，连接照样保持，而这时需要其它信息是又要建立新的连接（就连接保持中）。