如何检测客户端未接收消息？Socket.io聊天应用开发问题

首先纠正你代码里的拼写错误：客户端监听的事件名是received_essage（少了字母m），需改成received_message，否则客户端无法接收服务端消息，自然无法回复确认。

核心思路是给每个消息添加唯一标识，服务端发送消息后启动超时定时器，若指定时间内未收到客户端的ACK（接收确认），则判定消息未被接收，触发推送通知。

修改后的服务端代码 #

socket.on('send_message', async (room, message) => {
    // 生成唯一消息ID，用于匹配对应的ACK
    const msgId = Date.now().toString() + Math.random().toString(36).substr(2, 9);
    const messageWithId = { ...message, msgId };

    // 发送带唯一ID的消息到目标房间
    socket.to(room).emit('received_message', messageWithId);

    // 设置超时定时器（示例为5秒，可根据网络情况调整）
    const timeoutTimer = setTimeout(() => {
        // 超时未收到ACK，执行推送通知
        handlePushNotification(messageWithId);
    }, 5000);

    // 监听客户端的ACK回复
    const handleAck = (ackMsgId) => {
        if (ackMsgId === msgId) {
            // 匹配到对应消息的ACK，清除定时器
            clearTimeout(timeoutTimer);
            // 移除监听，避免内存泄漏
            socket.off('message_ack', handleAck);
        }
    };

    socket.on('message_ack', handleAck);
});

修改后的客户端代码 #

// 修正事件名拼写错误
socket.on('received_message', (response) => {
    setResponse(response);
    // 回复ACK时携带消息ID，让服务端确认是哪条消息的接收反馈
    socket.emit('message_ack', response.msgId);
});

额外注意事项 #

1. 离线客户端判断：如果需要提前判断目标客户端是否在线，可使用io.in(room).allSockets()获取房间内在线客户端列表，若目标客户端不在列表中，可直接触发推送，无需等待超时。
2. 超时时间调整：根据用户网络环境调整超时时间，比如弱网环境可设置为10秒。
3. 内存泄漏防护：务必在收到ACK或超时后移除对应的message_ack监听，避免重复绑定导致的内存问题。

内容的提问来源于stack exchange，提问作者max