websocket 前端完整代码

下面是一个基本的WebSocket前端代码示例：

// 创建一个 WebSocket 实例
const ws = new WebSocket('ws://localhost:3000');

// 当连接成功时
ws.onopen = () => {
  console.log('连接成功');
  // 发送消息到服务器
  ws.send('Hello from client!');
};

// 当接收到消息时
ws.onmessage = (event) => {
  console.log(`接收到消息: ${event.data}`);
};

// 当连接关闭时
ws.onclose = () => {
  console.log('连接关闭');
};

// 当连接出错时
ws.onerror = (error) => {
  console.error(`WebSocket 错误: ${error}`);
};

在上面的代码中，我们首先创建了一个WebSocket实例并连接到服务器。一旦连接成功，我们就可以通过`ws.send()`方法向服务器发送消息。当服务器发送消息时，`ws.onmessage`事件将被触发，我们可以在其中处理接收到的消息。在连接关闭或发生错误时，分别会触发`ws.onclose`和`ws.onerror`事件。