头图

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 功能,非常方便。

知识扩展:


倔强的铅笔
19 声望6 粉丝