前端消息实时推送WebSocket

WebSocket实时通信协议

提供全双工通信通道

// 创建WebSocket连接
const socket = new WebSocket('wss://your-server.com');

// 连接打开时
socket.addEventListener('open', (event) => {
  console.log('WebSocket连接已建立');
});

// 接收消息
socket.addEventListener('message', (event) => {
  console.log('收到消息:', event.data);
  // 更新UI显示消息
});

// 发送消息
function sendMessage(message) {
  if (socket.readyState === WebSocket.OPEN) {
    socket.send(JSON.stringify(message));
  }
}

// 错误处理
socket.addEventListener('error', (error) => {
  console.error('WebSocket错误:', error);
});

// 连接关闭
socket.addEventListener('close', (event) => {
  console.log('WebSocket连接已关闭');
});