多个变量 socket.io 发出的问题

Question

所以我关注了几个关于类似问题的问题，但是，这些问题及其适当的解决方案来自多年前，从那时起，socket.io 已经看到一些更新，导致他们的代码无法使用。我已尝试对其进行调整以适应 v2.3.0，但它不起作用。

我正在尝试制作一个聊天应用程序，它有几个变量，我尝试通过每个 io.emit 事件（图片、名称、标签、消息等）发出这些变量

目前，我的服务器端代码如下所示：

    socket.on('chatMessage', function(msg){
        io.emit('chatMessage', { sendmessage: msg, sendname: username, sendertag: tag, postpiclink: userpiclink });
        console.log('message: ' + sendmessage + sendname + sendertag + postpiclink);
    });

显然不止这些，但这是唯一相关的代码，其余部分都可以正常运行。在我的客户端，每个事件都会与事件一起发送所有变量（我相信）。它看起来像这样：

    var userName = "<?=$_SESSION['userName'];?>"
    var userTag = "<?php if($userRank == 7) { echo "[Owner]";} elseif ($userRank == 3) { echo "[Mod]";} elseif ($userRank == 5) { echo "[Admin]";} else {}?>"
    var userPicture = "<?=$userPicture?>"
            $('.chatMessageSubmitForm').submit(function(e){
                e.preventDefault();
                e.stopPropagation();
                socket.emit('chatMessage', { message: $('#messageField').val(), username: userName, tag: userTag, userpiclink: userPicture});
                $('#messageField').val('');
                return false;
            });
            socket.on('chatMessage', function(msg){
                $('.chatMessageList').append($('<li><img src="'+ postpiclink + '"class="chatMessageUserPicture"><h2 class="chatUserName">' + sendertag + sendname + '</h2>').text(sendmessage));
            });

据我所知，这应该是正确的格式，但是当我尝试发送聊天消息时，我的服务器终端上会出现以下消息：

io.emit('chatMessage', { sendmessage: msg, sendname: username, sendertag: tag, postpiclink: userpiclink });

ReferenceError: username is not defined

我并没有完全脑死，所以很明显，当套接字发出它时，它没有接收到用户名变量，但我不知道为什么。任何帮助将不胜感激。

Answer 1

当您在客户端执行此操作时：

socket.emit('chatMessage', { message: $('#messageField').val(), username: userName, tag: userTag, userpiclink: userPicture});

这意味着当你在服务器中收到它时：

 socket.on('chatMessage', function(msg){
    io.emit('chatMessage', { sendmessage: msg, sendname: username, sendertag: tag, postpiclink: userpiclink });
    console.log('message: ' + sendmessage + sendname + sendertag + postpiclink);
 });

这意味着msg 将是您发送的整个对象。所以，如果你想要那个对象的用户名，你需要参考：

msg.username

不只是

username

所以，你可以改成这样：

socket.on('chatMessage', function(msg){
    io.emit('chatMessage', { sendmessage: msg, sendname: msg.username, sendertag: msg.tag, postpiclink: msg.userpiclink });
    console.log('message: ' + sendmessage + sendname + sendertag + postpiclink);
});

仅供参考，发送整个msg 对象然后在同一条消息中再次发送三个单独的属性是多余的。您实际上是两次发送这三个属性。