Socket.io - 分配套接字属性

Posted 2021-05-04

我正在开发一个聊天应用程序来学习Socket.io，我想在用户发出login事件时为用户分配用户名和颜色。然后我想用message事件发送这些属性。

io.on('connection', (socket) => {

  // Someone sent a message
  socket.on('message', (message) => {
    io.sockets.emit('message', {
      message,
      username: socket.username,
      color: socket.color,
    });
  });

  // Someone joined the chat
  socket.on('login', (data) => {
    socket.username = data.username;
    socket.color = data.color;
  });

});

如果我在socket.username事件结束时将login记录到控制台，则会正确记录。但是如果我尝试在message事件中记录它，那么它是未定义的，并且发出的数据只有message属性。

编辑：问题解决了。问题是我正在使用React并且正在进行不同的套接字连接......或类似的东西。我基本上在根React组件上设置了一个套接字，并将其作为props传递给其他组件。查看this的答案。

答案

您必须使用密钥来发送数据

socket.on('message', (message) => {
    io.sockets.emit('message', {
      message,
      username: socket.username,
      color: socket.color,
    });
});

应该

socket.on('message', (message) => {
  io.sockets.emit('message', {
     message: message,
     username: socket.username,
     color: socket.color,
  });
});

Read Socket.io Docs