我正在为我的聊天应用程序使用 pusher chatkit。 目前我的应用程序能够与每个人聊天,但我的问题是,如果我(用户 1)正在与用户 2 聊天,并且在用户 3 之间从他的帐户给我发短信,那么我怎么能显示用户 3 向我发送 4 条消息的徽章。

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

#1楼 票数:1 已采纳

您可以使用unreadCount房间属性获取消息的未读计数。 一个教程展示了如何获取未读计数和管理游标。 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}`)
});

  ask by adi translate from so

未解决问题?本站智能推荐:

1回复

如何使用普通的javascriptpusherchatkit在组中发送文档或图像

我使用普通的 javascript 和 pusher Chatkit 准备好了我的聊天应用程序。 现在我想在消息中的聊天中发送文件或图像。 如何实现这个功能。
1回复

无法使用react-native连接到推送器

您好,我是本机反应的新手,我正在尝试使用 pusher-js 创建实时聊天应用程序,因此我安装了包npm install pusher-js @react-native-community/netinfo并将以下代码放入我的 useEffect 我在图像的控制台链接中得到了这个我使用 react-n
1回复

如何在vuejs中从客户端触发推送事件?

我正在将 ionic 与 vue js 移动应用程序一起使用。 当移动用户的位置发生变化时,我想从客户端触发事件。 然后我想在 jquery 的帮助下在我的网络应用程序上收听该事件。 但我不知道如何从客户端触发推送事件我正在使用这个 pusher 包 https://www.npmjs.com/pa
1回复

以正确的顺序使用事件

我在Laravel应用程序中使用推送程序的通道。 因此,当im从我的控制器触发一个事件时,该事件会接收到我的客户端,并使用pusher函数在我的首页上添加一些带有该lib https://github.com/albburtsev/jquery.typist的文本: 如您所见,我可以捕获事
1回复

在javascript中以间隔获取数据?

我有以下与 Pusher 的代码: 当有传入请求时,我希望再次获取数据。 但不是在每个 Pusher 事件中。 我希望在 5 秒内仅获取一次数据。 我正在考虑在有新传入事件时重置的间隔,但是如何实现呢?
1回复

如何使用Pusher将用户的存款和取款详细信息从客户端发送到Node.js(快递)服务器?

我正在订阅“我的频道”并绑定到客户端中的“我的事件”。 推送器.html 我正在“我的频道”中触发“我的事件”,并显示一条消息 hello world 服务器.js 对于此代码,我在客户端收到一条警报消息。 即,我的服务器正在向客户端发送消息,但我的问题是我想要整个过程反过来,我想要客户端向服务器发
1回复

如何仅向特定用户发出推送事件?

我想在反应中从 nodejs 向特定客户端发出推送事件。 如果多个客户端订阅了频道。
1回复

如何在vuejs中使用pusher将数据重写为变量?

请问我在vue js上使用pusher时如何重写vue js变量数据。 在这种情况下,我拥有的推送器将每 5 分钟更改一次数据,但在这里我不会重写前一个变量。 通常我只使用:<template> <div class="animated fadeIn">