WebSocket简介

发布时间 2023-12-05 10:56:23作者: 脆皮鸡

WebSocket(简称为ws)是一种在 Web 应用程序中实现双向通信的协议。以下是一个使用 JavaScript 实现的简单 WebSocket 示例:

// 创建 WebSocket 对象并建立连接
const socket = new WebSocket("wss://example.com/socket");

// 连接建立时触发的事件
socket.onopen = function () {
  console.log("WebSocket 连接已建立");
  
  // 发送消息给服务器
  socket.send("Hello, server!");
};

// 接收到消息时触发的事件
socket.onmessage = function (event) {
  const message = event.data;
  console.log("接收到服务器发送的消息:" + message);
};

// 连接关闭时触发的事件
socket.onclose = function () {
  console.log("WebSocket 连接已关闭");
};

// 发生错误时触发的事件
socket.onerror = function (error) {
  console.error("WebSocket 错误:" + error);
};

上述代码创建了一个 WebSocket 对象,并通过 new WebSocket("wss://example.com/socket") 建立与服务器的连接。其中,wss://example.com/socket 是要连接的 WebSocket 服务器的 URL。

之后,通过设置回调函数,可以处理连接的各个阶段。onopen 事件在连接成功建立后触发,onmessage 事件在接收到服务器发送的消息时触发,onclose 事件在连接关闭时触发,onerror 事件在发生错误时触发。

通过 socket.send() 方法可以向服务器发送消息,而 event.data 属性包含接收到的消息内容。

需要注意的是,WebSocket 使用的 URL 以 ws://wss:// 开头,分别表示使用普通的 WebSocket 连接或基于 TLS/SSL 的安全 WebSocket 连接。

请注意,具体的 WebSocket 实现可能会有所不同,上述示例提供了一个基本的框架,您需要根据实际情况进行适当的修改和扩展。