深入剖析 WebSocket 的优点和缺点

WebSocket 的优缺点

WebSocket 协议是一种双向通信协议，它使用单个 TCP 连接实现全双工通信，这使它比传统的 HTTP 协议更有效率。

WebSocket 优点

• 双向通信： WebSocket 协议支持双向通信，使服务器和客户端之间的通信更加方便和快捷。
• 实时性： 由于 WebSocket 协议使用单个 TCP 连接实现全双工通信，因此它提供了实时通信，使服务器和客户端之间的通信速度更快。
• 较少的通信开销： 相比于 HTTP 协议，WebSocket 协议的通信开销较少，因为 HTTP 协议需要频繁在请求和响应之间进行建立和断开连接。前面我们写过相关对比：WebSocket 与 Socket、TCP、HTTP 的关系及区别
• 可扩展性： WebSocket 协议可以轻松地扩展，从而满足更多不同应用程序的需求。

WebSocket 缺点

• 兼容性： WebSocket 协议不是所有浏览器都支持，尤其是在旧版浏览器中可能会出现兼容性问题。
• 安全性： 由于WebSocket 协议的双向通信机制，它可能会面临安全隐患，例如 XSS 和 CSRF 攻击等。
• 服务器需求： WebSocket 协议需要服务器支持，这意味着需要更高效的服务器硬件和软件。
• 数据包大小的限制： WebSocket 协议发送的数据包不能超过 2GB。

调试 WebSocket 服务

如果你正在编写 WebSocket 服务并需要进行调试，我们使用 Apifox，工具来调试 WebSocket 服务~

谷歌插件

Apifox 有 Web端 和 客户端，如果你使用的是 Web端，想要调试本地服务，需要安装 Apifox 的 谷歌插件。

下载地址：Apifox 谷歌浏览器插件

新建 WebSocket 请求

WebSocket 是客户端和服务端之间的长链接，因此你需要在 Apifox 中创建一个 WebSocket 请求，以便跳转到 Apifox 界面并填写相应的请求信息。

1. 点击创建按钮
2. 填入 WebSocket 服务的地址
3. 可以选择填写 Message 和 Params

Message 和 Params

Message

在 Message 中，你可以填写要传递到服务端的信息。服务端将接收你发送的信息。

Params

在传输过程中，你也可以携带参数，可以通过在地址上添加查询参数完成，可以携带的数据类型包括。

• string
• integer
• number
• array

保存请求

写完所需信息之后，可以点击 保存按钮，进行保存，方便下次可继续调用。

连接、发送 WebSocket 请求

连接 WebSocket 服务

我们想要跟服务端进行 WebSocket 通信，就需要先建立一个 WebSocket 连接，我们只需要点击 连接 按钮。

连接成功之后，Apifox 有成功的提示。

服务端那边也会因为连接成功，而做出响应。

发送 WebSocket 请求

接着我们就可以跟服务端进行 WebSocket 通信了。

我们可以使用 Apifox 点击发送按钮向服务端进行发送 Message、Params。

与 WebSocket 服务通信

发送之后，服务端也可以向客户端发送信息，例如我这里，我设置服务端每秒向客户端发送当时的时间戳~

这就是 Apifox 的 WebSocket 功能，非常方便。

知识扩展：

• WebSocket前后端交互如何实现
• WebSockets 101 协议