前端websocket连接建立

在前端中建立 WebSocket 连接可以通过使用 JavaScript 的 `WebSocket` 对象来实现。下面是一个简单的示例代码，展示了如何建立 WebSocket 连接：

// 创建 WebSocket 对象并指定连接的 URL
const socket = new WebSocket('ws://example.com/socket');

// 当连接成功建立时触发
socket.onopen = () => {
  console.log('WebSocket 连接已建立');
};

// 当收到服务器发送的消息时触发
socket.onmessage = (event) => {
  console.log('收到消息:', event.data);
};

// 当连接关闭时触发
socket.onclose = (event) => {
  console.log('WebSocket 连接已关闭');
};

// 当发生错误时触发
socket.onerror = (error) => {
  console.error('WebSocket 错误:', error);
};

// 发送消息到服务器
socket.send('Hello, server!');

在上面的代码中，我们创建了一个 `WebSocket` 对象，并通过指定连接的 URL 来建立 WebSocket 连接。然后，我们可以使用 `onopen`、`onmessage`、`onclose` 和 `onerror` 回调函数来处理连接的不同事件。最后，可以使用 `send` 方法向服务器发送消息。

请注意，上述示例中的 URL 应该替换为实际的 WebSocket 服务器地址。另外，还可以使用 `wss://` 协议来建立安全的 WebSocket 连接（即使用 SSL/TLS 加密）。

希望这个示例对你有所帮助！如果你还有其他问题，请随时提问。