WebSocket是什么，怎么用？

小蓝

2023 年 06 月 26 日

278 次浏览

暂无评论

1945字数

Linux 技术杂烩

WebSocket是一种用于在Web浏览器和服务器之间进行双向通信的协议。它通过单个TCP连接提供了实时的、持久的、全双工的通信通道，可以实现服务器主动向客户端推送数据，而无需客户端不断地发送请求。

使用WebSocket可以实现许多实时应用程序，例如聊天应用、实时协作工具和实时数据更新等。相比传统的基于HTTP的轮询或长轮询技术，WebSocket提供了更高效和更实时的通信方式。

要使用WebSocket，你需要遵循以下步骤：

在浏览器端创建WebSocket对象：在JavaScript代码中，使用 new WebSocket(url)来创建一个WebSocket对象，其中 url是服务器的WebSocket端点。
```
var socket = new WebSocket("ws://example.com/socket");
```
处理WebSocket事件：WebSocket对象提供了一些事件来处理不同的通信状态。常用的事件包括 onopen、onmessage、onclose和 onerror。
- onopen：当WebSocket连接成功建立时触发。
- onmessage：当接收到服务器发送的消息时触发。
- onclose：当WebSocket连接关闭时触发。
- onerror：当出现错误时触发。
你可以通过给这些事件绑定回调函数来处理相应的逻辑。
```
socket.onopen = function() {
  console.log("WebSocket连接已建立");
};

socket.onmessage = function(event) {
  var message = event.data;
  console.log("收到消息：" + message);
};

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

socket.onerror = function(error) {
  console.error("WebSocket错误：" + error);
};
```
发送和接收消息：你可以使用WebSocket对象的 send()方法向服务器发送消息，服务器也可以使用WebSocket对象的 send()方法向客户端发送消息。
```
// 发送消息到服务器
socket.send("Hello, server!");

// 从服务器接收消息
socket.onmessage = function(event) {
  var message = event.data;
  console.log("收到消息：" + message);
};
```
客户端和服务器之间的消息可以是文本数据或二进制数据。
关闭WebSocket连接：当不再需要WebSocket连接时，可以调用WebSocket对象的 close()方法来关闭连接。
```
socket.close();
```