前端怎么使用WebSocket

前端使用WebSocket可以通过以下步骤进行：

1. 创建WebSocket对象：在JavaScript中，可以使用WebSocket构造函数来创建WebSocket对象。需要传入WebSocket服务器的URL作为参数。例如：

   const socket = new WebSocket('ws://example.com/socket');

2. 监听WebSocket事件：WebSocket对象提供了一些事件来处理连接的各个阶段，如打开、关闭、接收消息等。可以使用addEventListener方法来监听这些事件。例如：

   socket.addEventListener('open', function (event) {
     console.log('WebSocket连接已打开');
   });
   
   socket.addEventListener('message', function (event) {
     console.log('收到消息：', event.data);
   });
   
   socket.addEventListener('close', function (event) {
     console.log('WebSocket连接已关闭');
   });

3. 发送和接收消息：使用WebSocket对象的send方法发送消息，接收到的消息将通过message事件触发。例如：

   // 发送消息
   socket.send('Hello, server!');
   
   // 接收消息
   socket.addEventListener('message', function (event) {
     console.log('收到消息：', event.data);
   });

4. 关闭WebSocket连接：可以使用close方法手动关闭WebSocket连接。例如：

   socket.close();