Nodejs 新手关于使用 socket.io 建立一个简单聊天室的问题

当然，我可以帮助你解决这个问题。根据你的描述，handleNameChangeAttempts 方法出现问题，导致无法正确发送消息到客户端。让我们一起检查并修正这个问题。

服务器端代码

首先，我们来看一下 handleNameChangeAttempts 方法。假设你的代码类似于以下结构：

function handleNameChangeAttempts(socket) {
    socket.on('attemptNameChange', function(name) {
        var currentName = getName(socket);
        if (name !== currentName) {
            if (nameExists(name)) {
                socket.emit('nameResult', {
                    success: false,
                    message: 'That name is already taken.'
                });
            } else {
                socket.emit('nameResult', {
                    success: true,
                    name: name
                });

                // 广播名字变更信息
                socket.broadcast.to(currentRoom[socket.id]).emit('message', {
                    text: currentName + ' is now known as ' + name + '.'
                });

                // 更新用户名
                changeUserName(socket, name);
            }
        }
    });
}

客户端代码

确保客户端代码正确处理这些事件。例如：

<script src="/socket.io/socket.io.js"></script>
<script>
var socket = io.connect();

// 处理名字变更结果
socket.on('nameResult', function(result) {
    if (result.success) {
        console.log('You are now known as ' + result.name + '.');
    } else {
        console.log(result.message);
    }
});

// 处理消息广播
socket.on('message', function(message) {
    console.log(message.text);
});
</script>

可能的问题及解决方案

1. 检查房间分配：确保 currentRoom 对象中包含正确的房间信息。你可以打印 currentRoom 来检查是否有错误。

   console.log(currentRoom);
   

2. 检查 socket.id：确保 socket.id 正确地映射到房间。你可以手动检查或调试。

3. 确保正确的事件监听器：确保客户端正确地监听了 nameResult 和 message 事件。

4. 检查网络请求：如果客户端返回404错误，可能是某些静态资源（如HTML文件）没有正确加载。确保你的服务器正确地提供了这些资源。

示例代码

以下是完整的服务器端代码示例：

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

let currentRoom = {};
let usernames = {};

io.on('connection', function(socket) {
    socket.on('addUser', function(username) {
        // 添加用户名到全局变量
        usernames[username] = username;
        socket.username = username;
        socket.room = 'default';
        socket.join('default');
        currentRoom[socket.id] = 'default';

        // 发送欢迎消息
        socket.emit('updatechat', 'SERVER', 'you have connected to default');
        socket.broadcast.to('default').emit('updatechat', 'SERVER', username + ' has connected');
    });

    socket.on('switchRoom', function(newRoom) {
        socket.leave(socket.room);
        socket.join(newRoom);
        socket.room = newRoom;
        currentRoom[socket.id] = newRoom;

        socket.emit('updatechat', 'SERVER', 'you have connected to ' + newRoom);
        socket.broadcast.to(socket.room).emit('updatechat', 'SERVER', socket.username + ' has connected to ' + newRoom);
    });

    socket.on('sendMessage', function(msg) {
        socket.broadcast.to(socket.room).emit('updatechat', socket.username, msg);
    });

    handleNameChangeAttempts(socket);
});

function handleNameChangeAttempts(socket) {
    socket.on('attemptNameChange', function(name) {
        var currentName = socket.username;
        if (name !== currentName) {
            if (usernames[name]) {
                socket.emit('nameResult', {
                    success: false,
                    message: 'That name is already taken.'
                });
            } else {
                socket.emit('nameResult', {
                    success: true,
                    name: name
                });

                socket.broadcast.to(currentRoom[socket.id]).emit('message', {
                    text: currentName + ' is now known as ' + name + '.'
                });

                socket.username = name;
                usernames[name] = name;
            }
        }
    });
}

希望这些建议能帮助你解决问题！