websocket原理

ゞ浴缸里的玫瑰 2022-04-23 00:58 210阅读 0赞

先来看这图  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM0MDY3ODIx_size_16_color_FFFFFF_t_70]  
有没有发现它比普通的http多了几个东西，

Origin: http://0.0.0.0:8000
    Sec-WebSocket-Extensions: permessage-deflate; client_max_window_bits
    Sec-WebSocket-Key: zNR++QO8YYpHGGN/dyeg7A==
    Sec-WebSocket-Version: 13
    Upgrade: websocket

这么几个就是websocket的核心，这是在告诉服务端我这不是http请求了，遇到nginx和Apache这些之后也会告诉他们我这是WebSocket协议，你赶紧给我找。

再看：

Sec-WebSocket-Key: zNR++QO8YYpHGGN/dyeg7A==

Sec-WebSocket-Key 是一个 Base64 encode 的值，由浏览器随机生成，并且会验证服务端是不是真的websocket协议。

Sec-WebSocket-Version: 13

Sec-WebSocket-Version: 13，这是websocket的版本，服务端会要一个13岁的websocket。

Sec-WebSocket-Extensions: permessage-deflate; client_max_window_bits

websocket协议的扩展， 通过它可以实现协议增强;

然后服务器就会返回以下：

Connection: Upgrade
    Date: Tue, 22 Jan 2019 10:13:18 GMT
    Sec-Websocket-Accept: BjtsdUrgSQ3rtdqIthPqvZe4DBo=
    Server: TornadoServer/5.1.1
    Upgrade: websocket

这是在告诉浏览器我已将使用websocket协议了

Upgrade: websocket

告诉浏览器即将升级的是 WebSocket 协议

Sec-Websocket-Accept: BjtsdUrgSQ3rtdqIthPqvZe4DBo=

这是服务端给浏览器的确认信息，服务器告诉它：好的好的我知道了，我给你我的证明信息

然后就可以进行通讯

看了上边就应该容易的看懂这张图了：  
![网上图片，侵权请联系删除][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM0MDY3ODIx_size_16_color_FFFFFF_t_70 1]  
这是网上对websocket和http的区分图。  
希望能交流更多技术，关注小白的微信公众号吧。  
![在这里插入图片描述][20190703100512270.jpg]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM0MDY3ODIx_size_16_color_FFFFFF_t_70]: /images/20220323/eea4cd1dd6e94a0eb8b46328cc555031.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM0MDY3ODIx_size_16_color_FFFFFF_t_70 1]: /images/20220323/8b3b89c91eca4d27ad6d0da878cf5043.png
[20190703100512270.jpg]: https://img-blog.csdnimg.cn/20190703100512270.jpg