• WebSocket介绍

• HTTP与WebSocket的区别

• WebSocket测试方法

WebSocket介绍

WebSocket 是一种基于在单个 TCP 连接上进行全双工通信的协议，是从HTML5开始提供的一种浏览器与服务器之间进行全双工通讯的网络技术，解决了HTTP协议不适用于实时通信的缺点，相较于 HTTP 协议，WebSocket 协议实现了持久化网络通信，可以实现客户端和服务端的长连接，能够进行双向实时通信，协议名为"ws"。

HTTP与WebSocket的区别

1. 两者都是基于TCP协议进行数据传输，具有可靠的传输能力，而且都是应用层协议

2. HTTP是单向的通信，只能由客户端向服务端发送请求，服务端无法主动向客户端发送消息

3. WebSocket是双向通信，客户端和服务端是通过握手建立连接，可实现全双工通信，双方可以同时主动向对方发送消息

4. WebSocket在建立连接时数据是通过HTTP协议传输的，但是建立之后，真正传输数据时使用的是更加可靠的TCP协议

二者关系

• WebSocket在建立连接时，HTTP通过Upgrade消息头来通知客户端需要采用WebSocket协议来完成这个请求，在发送完此响应最后的空行后，服务器就会切换到WebSocket协议，接口返回状态码为101，表示服务器已经理解了客户端的请求，需要升级协议

WebSocket测试方法

1. 点击 Tab 加号选中 Websocket 协议

2. 输入地址后点击连接按钮就可以和服务端进行通信啦

3. 在 message 输入你想要发送的内容

4. 在返回 message 信息流中查看内容

好了，基本操作就是这样，不妨你自己亲自体验下。以上的功能来自这个叫做 Postcat 的 开源API 工具。

在线 Demo 链接：

https://postcat.com/zh/?utm_source=cs&utm_campaign=xh&utm_content=websocket

文档链接：

https://docs.postcat.com/?utm_source=cs&utm_campaign=xh&utm_content=websocket

如果你觉得这个开源项目还可以的话，不妨点个 star 支持下他们，如果你觉得还需要继续优化，不妨去提个Issue.

Github：https://github.com/Postcatlab/postcat

Gitee：https://gitee.com/eolink_admin/postcat