如何使用webSocket

WebSockets 是一种用于在 Web 应用程序中实现实时交互的技术。这种协议允许在客户端和服务器之间建立一个持久化的连接，使得服务器能够主动向客户端发送数据，而不必等待客户端的请求。下面是一个简单的使用 WebSockets 的示例：

1. 创建 WebSocket 对象

在客户端代码中，我们可以使用 JavaScript 的 WebSocket 对象来创建一个 WebSocket 连接。语法如下：

var socket = new WebSocket(url, [protocol]);

其中，url 指定服务器端的 WebSocket 地址，protocol 是一个可选参数，表示使用的子协议。例如：

var socket = new WebSocket("ws://example.com/socket");

2. 监听事件

WebSocket 对象提供了几个事件处理函数，用于处理与服务器的交互。常用的事件包括：

- onopen：当连接建立时触发。
- onmessage：当收到服务器发送的数据时触发。
- onclose：当连接关闭时触发。
- onerror：当连接出错时触发。

例如：

socket.onopen = function() {
  console.log("连接已建立。");
}

socket.onmessage = function(event) {
  console.log("收到数据：" + event.data);
}

socket.onclose = function(event) {
  console.log("连接已关闭。");
}

socket.onerror = function(error) {
  console.log("连接出错：" + error.message);
}

3. 发送和接收数据

一旦连接建立，我们可以通过 WebSocket 对象的 send() 方法向服务器发送数据：

socket.send("Hello, server!");

服务器可以通过 WebSocket 对象的 send() 方法向客户端发送数据：

socket.send("Hello, client!");

客户端可以通过 WebSocket 对象的 readyState 属性获取当前连接状态：

- CONNECTING：正在建立连接。
- OPEN：连接已建立。
- CLOSING：连接正在关闭。
- CLOSED：连接已关闭。

例如：

if (socket.readyState === WebSocket.OPEN) {
  socket.send("Hello, server!");
}

以上就是使用 WebSockets 的基本流程。需要注意的是，WebSocket 是一个双向的协议，客户端和服务器可以随时发送和接收数据，因此需要在代码中处理好异常情况，避免出现死锁或崩溃等问题。