在线聊天应用程序状态

使用Socket.IO实现实时在线状态更新

使用Socket.IO可以方便地实现实时通信，包括在线状态更新。下面是一个示例代码：

1. 在服务端：

const io = require('socket.io')(server);
let onlineUsers = {};

io.on('connection', socket => {
  // 监听上线事件
  socket.on('login', userInfo => {
    onlineUsers[socket.id] = userInfo;
    socket.broadcast.emit('userOnline', onlineUsers);
  });

  // 监听下线事件
  socket.on('disconnect', () => {
    delete onlineUsers[socket.id];
    socket.broadcast.emit('userOffline', onlineUsers);
  });
});

2. 在客户端：

const socket = io('http://localhost:3000');

// 登录，将用户信息发送给服务端
socket.emit('login', userInfo);

// 监听在线用户更新事件
socket.on('userOnline', onlineUsers => {
  // 更新在线用户列表
});

// 监听离线用户更新事件
socket.on('userOffline', onlineUsers => {
  // 更新在线用户列表
});

实现在线状态更新的关键点在于，在服务端监听用户上线和下线事件，并在这些事件发生时广播更新在线用户列表；在客户端监听在线用户更新事件，并在收到更新信息时更新界面上的在线用户列表。