在线状态订阅

大约 3 分钟

在线状态订阅

用户在线状态(即 Presence)包含用户的在线、离线以及自定义状态。

本文介绍如何在即时通讯应用中发布、订阅和查询用户的在线状态。

技术原理

环信 IM SDK 提供在线状态接口,用于管理在线状态订阅,包含如下核心方法:

  • subscribePresence:订阅用户的在线状态;
  • publishPresence:发布自定义在线状态;
  • addEventHandler:添加在线状态监听器;
  • onPresenceStatusChange:被订阅用户的在线状态变更时,订阅者收到监听回调;
  • unsubscribePresence:无需关注用户的在线状态时,取消订阅。

订阅用户在线状态的基本工作流程如下:

Presence_web

如上图所示,订阅用户在线状态的基本步骤如下:

  1. 用户 A 订阅用户 B 的在线状态;
  2. 用户 B 的在线状态发生变更;
  3. 用户 A 收到 onPresenceStatusChange 回调。

效果如下图:

img

前提条件

使用在线状态功能前,请确保满足以下条件:

  1. 完成 4.0.4 及以上版本 SDK 初始化,详见 快速开始
  2. 了解环信即时通讯 IM API 的 使用限制
  3. 已联系商务开通在线状态订阅功能。

实现方法

本节介绍如何使用环信 IM SDK 提供的 API 实现上述功能。

订阅指定用户的在线状态

默认情况下,你不关注任何其他用户的在线状态。你可以通过调用 subscribePresence 方法订阅指定用户的在线状态,示例代码如下:

let option = {
  usernames: ['Alice','Bob'],
  expiry: 7*24*3600 // 单位为秒
}
conn.subscribePresence(option).then(res => {console.log(res)})

在线状态变更时,订阅者会收到 onPresenceStatusChange 回调。

提示

  • 订阅时长最长为 30 天,过期需重新订阅。如果未过期的情况下重复订阅,新设置的有效期会覆盖之前的有效期。
  • 每次调用接口最多只能订阅 100 个账号,若数量较大需多次调用。每个用户 ID 订阅的用户数不超过 3000。如果超过 3000,后续订阅也会成功,但默认会将订阅剩余时长较短的替代。

发布自定义在线状态

用户在线时,可调用 publishPresence 方法发布自定义在线状态,示例代码如下:

let option = {
  description: 'custom presence'
}
conn.publishPresence(option).then(res => {console.log(res)})

在线状态发布后,发布者和订阅者均会收到 onPresenceStatusChange 回调。

添加在线状态监听器

参考如下代码,添加用户在线状态的监听器:

WebIM.conn.addEventHandler('MESSAGES',{
   onPresenceStatusChange: => (msg) {
       // 这里可以处理订阅用户状态更新后的逻辑。
   	   console.log('状态更新',msg) 
   }, 
})

取消订阅指定用户的在线状态

若取消指定用户的在线状态订阅,可调用 unsubscribePresence 方法,示例代码如下:

let option = {
  usernames: ['Alice','Bob']
}
conn.unsubscribePresence(option).then(res => {console.log(res)})

查询被订阅用户列表

为方便用户管理订阅关系,SDK 提供 getSubscribedPresencelist 方法,可使用户分页查询自己订阅的用户列表,示例代码如下:

let option = {
  pageNum: 0,
  pageSize: 50
}
conn.getSubscribedPresencelist(option).then(res => {console.log(res)})

获取用户的当前在线状态

如果不关注用户的在线状态变更,你可以调用 getPresenceStatus 获取用户当前的在线状态,而无需订阅状态。示例代码如下:

let option = {
//usernames:要查询状态的用户 ID,每次最多可传 100 个用户 ID。
  usernames: ['Alice','Bob']
}
conn.getPresenceStatus(option).then(res => {console.log(res)})