Question

我一直在关注Socket.io上的“入门”页面并完成了主要任务。但是，现在我正在尝试实现一个新功能，因此它会将消息的用户名发送回去。虽然这可以很好地发回消息，但我不确定如何实现它，因此它也会为用户发回数据。我知道我可以复制下面的代码并将其编辑为用户特定的东西，但那又是什么？

正常发出用户：

socket.emit('chat message', $('#u').val());

然后，在服务器上检索它：

  socket.on('chat message', function(msg){
      io.emit('chat message', msg);
  });

然后，在页面上显示该信息：

socket.on('chat message', function(msg){
    $('#messages').append($('<li class="mesg">').text(msg));
  });

Answer 1

正如Jonathan评论的那样，只需将其作为对象发送。

请注意，socketio会自动为您序列化/反序列化，因此您不需要额外的JSON.stringify步骤。

以下是我现在使用的游戏代码示例：

//client.js
io.emit('waypoint', { x: players.me.targetX, y: players.me.targetY });

//server.js
socket.on('waypoint', function (msg) {
   console.log(msg.x, msg.y);
});

所以在你的情况下，像这样，

//client.js
    io.emit('chat message', { msg: $('#u').val(),
                              userColor: 'green',
                              moreData:{ isAwesome:true, favoritePie:'apple'} });

Answer 2

我并不完全确定我是否正确理解了您的问题，但我认为您需要做的就是发出一个JSON对象作为您的消息，然后在另一个上解析响应一边，像这样：

var obj = {message: $('#u').val(), user: "User"};
socket.emit('chat message', JSON.stringify(obj));

socket.on('chat message', function(msg){
      io.emit('chat message', msg);
  });

socket.on('chat message', function(msg){
    var message = JSON.parse(msg).message; //$('#u').val()
    var user = JSON.parse(msg).user;       //"User"
    $('#messages').append($('<li class="mesg">').text(message));
  });

Socket.io - 发送用户和消息数据

2 个答案: