js使用websocket与后端进行通信

要使用 WebSocket 与后端进行通信，你需要先在前端创建一个 WebSocket 对象，然后连接到后端的 WebSocket 服务端口。以下是一个基本的示例：

// 创建 WebSocket 对象
const socket = new WebSocket('ws://localhost:8080');

// 监听连接事件
socket.addEventListener('open', (event) => {
  console.log('Connected to WebSocket server');
});

// 监听收到消息事件
socket.addEventListener('message', (event) => {
  console.log(`Received message: ${event.data}`);
});

// 监听连接关闭事件
socket.addEventListener('close', (event) => {
  console.log('Disconnected from WebSocket server');
});

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

在后端，你需要启动一个 WebSocket 服务器，并监听客户端连接请求。以下是一个 Node.js 的示例：

const WebSocket = require('ws');

// 创建 WebSocket 服务器
const wss = new WebSocket.Server({ port: 8080 });

// 监听连接事件
wss.on('connection', (socket) => {
  console.log('Client connected');

  // 监听收到消息事件
  socket.on('message', (message) => {
    console.log(`Received message: ${message}`);

    // 发送消息给客户端
    socket.send(`You said: ${message}`);
  });

  // 监听连接关闭事件
  socket.on('close', () => {
    console.log('Client disconnected');
  });
});

这样，你的前端应用程序就可以使用 WebSocket 与后端进行实时通信了。