如何使用pusher数据显示徽章

Question

我正在为我的聊天应用程序使用pusher chatkit。目前，我的应用程序可以与每个人聊天，但我的问题是，如果我(user1)正在与user2聊天，并且在user3之间从他的账户给我发短信，那么我怎么能显示user3给我发了4条消息。

是否有任何解决方案或示例代码来实现此功能。

Answer 1

您可以使用unreadCount房间属性获取邮件的未读计数。有一个a tutorial，它展示了如何获取未读计数和管理游标。Chatkit的JS文档包含一些用于管理未读计数的代码片段：https://pusher.com/docs/chatkit/reference/javascript。

例如，下面的代码将记录用户加入房间时的未读计数，并在每次收到消息时设置用户的光标。

currentUser.subscribeToRoomMultipart({
  roomId: this.currentRoom,
  messageLimit: 100,
  hooks: {
    //Message is received
    onMessage: message => {
      this.lastMessage = message.id;
      //set cursor
        currentUser.setReadCursor({
        roomId: this.currentRoom,
        position: this.lastMessage
      })
      .then(() => {
        console.log(`Set cursor to message ${this.lastMessage}`)
      })
      .catch(err => {
        console.log(`Error setting cursor: ${err}`)
      })
    }
  },

}).then(room => {
  //log unread count
  console.log(`Unread count: ${room.unreadCount}`)
});