如何使用socketio实时显示在线/离线用户使用帆船

How to use socketio for showing Online/Offline User in Real Time Using Sails?

本文关键字:用户 离线 socketio 何使用 实时 显示 在线      更新时间:2023-09-26

我的实时聊天应用程序基于Sails和SocketIO。它显示所有用户以及可用的在线用户。当用户登录时,会发出UserConnected套接字,当用户断开连接时,会发送UserDisconnected套接字,config/sockets.js中我的服务器端socketio代码是

onConnect: function(session, socket) {
  if (session.passport) {
    if (session.passport.user && socket.id) {
      sails.io.sockets.emit('UserConnected', {userID : session.passport.user});                       }
    }
  }
  //// By default: do nothing
  //// This is a good place to broadcast a disconnect message, or any other custom socket.io logic
},
onDisconnect: function(session, socket) {
  if (session.passport) {
    if (session.passport.user && socket.id) {
     sails.io.sockets.emit('UserDisconnected', {userID : session.passport.user});
    }
  }
  //// By default: do nothing
  //// This is a good place to broadcast a disconnect message, or any other custom socket.io logic
}

问题是,当用户刷新页面时,它会显示与另一个用户的连接和断开连接,一个主要问题是,如果一个用户登录了两个不同的浏览器,并且任何一个浏览器关闭,则会显示用户与其他用户的连接断开,但该用户实际上在另一个浏览器中可用
我该如何修改/code以便解决这些问题
提前感谢

@InternalFX发布了一个很好的方法;你可以在Sails v0.10.x上使用的替代方案是:

  onConnect: function(session, socket) {
    // If this is a logged in user, subscribe the socket to a 
    // custom "loggedInCount" room
    if (session.user) {
      var roomName = 'loggedIn'+session.user.id;
      sails.sockets.join(socket, roomName);
      // If this is the first subscriber, the user is just coming online, 
      // so notify any subscribers about the state change.
      if (sails.sockets.subscribers(roomName).length == 1) {
        User.message(session.user.id, {state: 'online'}, socket);
      }
    }
  },
  onDisconnect: function(session, socket) {
    if (session.user) {
      var roomName = 'loggedIn'+session.user.id;
      sails.sockets.leave(socket, roomName);
      // If this was the last subscriber, the user is going offline, 
      // so notify any subscribers about the state change.
      if (sails.sockets.subscribers(roomName).length == 0) {
        User.message(session.user.id, {state: 'offline'}, socket);
      }
    }
  },

这使用Sails内置的pubsub架构,在特定用户联机或脱机时通知连接的套接字。它要求套接字订阅他们想要了解的用户实例(在客户端上使用类似socket.get('/user')的东西),这是一个很好的实践。通过这种方式,您只能收到您关心的用户的通知(例如,如果您有"朋友列表")。

以下是我用于类似目的的方法。

var online_users = {};
module.exports.sockets = {
  onConnect: function(session, socket) { 
    if (_.isString(session.user_id)) {
      if (_.has(online_users, session.user_id)) {
        online_users[session.user_id] += 1;
      } else {
        online_users[session.user_id] = 1;
      }
    }
    sails.io.sockets.emit('crm/online_users', online_users);
  },
  onDisconnect: function(session, socket) {
    if (_.isString(session.user_id)) {
      if (_.has(online_users, session.user_id)) {
        online_users[session.user_id] -= 1;
      } else {
        online_users[session.user_id] = 0;
      }
    }
    sails.io.sockets.emit('crm/online_users', online_users);
  },
}

它跟踪有多少浏览器作为特定用户登录。因此,您可以使用以下内容。

if (online_users[session.user_id] > 0) { console.log('USER IS LOGGED IN'); }`