在socket.io中显示工作室

const io = require('socket.io')(port);

io.on('connection', (socket) => {
  console.log('A new client connected');

  // 处理客户端发送的消息
  socket.on('message', (data) => {
    console.log('Received message:', data);

    // 广播消息给所有连接的客户端
    io.emit('message', data);
  });

  // 处理客户端断开连接
  socket.on('disconnect', () => {
    console.log('A client disconnected');
  });
});

<script src="https://cdn.socket.io/socket.io-3.1.3.min.js"></script>

const socket = io('http://localhost:port');

// 处理连接成功事件
socket.on('connect', () => {
  console.log('Connected to server');
});

// 处理接收到的消息
socket.on('message', (data) => {
  console.log('Received message:', data);
});

const messageContainer = document.getElementById('message-container');

// 处理接收到的消息
socket.on('message', (data) => {
  console.log('Received message:', data);

  // 创建一个新的消息元素
  const messageElement = document.createElement('div');
  messageElement.innerText = data;

  // 将消息添加到消息区域
  messageContainer.appendChild(messageElement);
});