前端 WebSocket通信

WebSocket 是一种在 Web 应用程序中实现双向通信的技术。通过 WebSocket，客户端和服务器之间可以建立持久的连接，实现实时数据传输。

在前端中，可以使用 JavaScript 的 WebSocket 对象来创建 WebSocket 连接。以下是使用 WebSocket 进行通信的基本步骤：

1. 创建 WebSocket 对象并指定连接的 URL：

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

2. 监听 WebSocket 事件，如 onopen、onmessage、onclose 和 onerror：   

socket.onopen = function(event) {

     console.log('WebSocket connection opened');

   };

   socket.onmessage = function(event) {

     console.log('Message received:', event.data);

   };

   socket.onclose = function(event) {

     console.log('WebSocket connection closed');

   };

   socket.onerror = function(event) {

     console.error('WebSocket error:', event);

   };

3. 发送和接收数据：

   // 发送数据

   socket.send('Hello, server!');

   // 接收数据在 onmessage 事件中处理

4. 关闭连接：

   socket.close();

通过 WebSocket 技术，前端和后端可以实现实时的双向通信，适用于需要实时更新数据的应用场景，如聊天应用、实时数据展示等。