跳到主要内容

群成员用户信息

要在 IMKit UI 上展示群成员昵称，需要应用层（App）主动向 IMKit SDK 提供群成员用户信息（GroupMemberInfoModel）。

IMKit 使用 UserDataService 类统一管理以下数据。App 需要使用 UserDataService 向 IMKit 提供数据，用于在 UI 上展示。

  • 用户信息：包含昵称、头像
  • 群组信息：包含群组名称、群组头像
  • 群成员用户信息：仅支持群用户昵称
提示

用户信息、群组信息、群成员用户信息必须由应用开发者主动从 App 服务端获取，并提供给 SDK。融云不提供 App 用户与群组信息托管服务。融云服务端的用户昵称及头像仅用于推送服务。

本文仅描述了应用层（App）如何为 IMKit SDK 提供群成员昵称与头像（GroupMemberInfoModel）。

刷新群成员用户信息​

如果 App 本地持有群组用户信息数据（群昵称），可直接刷新本地缓存和数据库中存储的群组用户信息数据。刷新后，IMKit UI 会展示最新的群成员用户信息 GroupMemberInfoModel。

刷新群组用户信息必须在 IMKit 已成功建立 IM 连接后操作，否则无法刷新本地数据。可能适用场景如下：

  • App 首次启动，并成功建立 IM 连接以后，可以将自身业务所需的群组用户信息批量提供给 SDK，由 SDK 写入缓存与本地数据库，供后续使用。
  • 在 IM 建立连接后，如果群组用户昵称变动，由 App 服务端通知客户端（例如使用消息），客户端调用接口刷新群组用户信息。
let info = new GroupMemberInfoModel("groupId", "userId", "name", "portraitUri", "alias", "extra");
RongIM.getInstance().userDataService().updateGroupMemberInfo(info);

如果 App 本地不持有数据，推荐在 IMKit 需要展示数据时动态提供群成员用户信息。

动态提供群成员用户信息​

如果 IMKit 无法从 UserDataService 中获取群成员用户信息，将触发 UserDataProvider 的 fetchGroupMemberInfo 回调方法。App 应在该回调中提供 SDK 所需要的群成员昵称。

获取群成员用户信息数据后，SDK 会自动设置、群成员的群内昵称，以及实现相关 UI 展示。

let userDataProvider: UserDataProvider = {

  fetchUserInfo(userId: string): Promise<UserInfoModel> {
    // 用户信息
    return new Promise((resolve: Function) => {
      let userInfo = new UserInfoModel(userId, "用户名称", "用户头像")
      resolve(userInfo);
    });
  },

  fetchGroupInfo(groupId: string): Promise<GroupInfoModel> {
    // 群信息
    return new Promise((resolve: Function) => {
      let info = new GroupInfoModel(groupId, "群组名称", "群组头像")
      resolve(info);
    });
  },

  fetchGroupMemberInfo(groupId: string, userId: string): Promise<GroupMemberInfoModel> {
    // 群成员信息
    return new Promise((resolve: Function) => {
      let info = new GroupMemberInfoModel(groupId, userId, "群成员名称", "群成员头像")
      resolve(info);
    });
  },

  fetchGroupMemberInfos(groupId: string): Promise<Array<GroupMemberInfoModel>> {
    // 群成员列表信息 
    // App 拿到群组所有成员信息后通过 Promise 返给 IMKit，App 可以从数据库或者 APPServer 获取信息
    return new Promise((resolve: Function) => {
      let array = new Array<GroupMemberInfoModel>();
      for (let i = 0; i < 10; i++) {
        let userId = "userId" + i;
        let info = new GroupMemberInfoModel(groupId, userId, "群成员名称", "群成员头像")
        array.push(info);
      }
      resolve(array);
    });
  }

}

在 App 的生命周期中，如果 SDK 获取过群成员用户信息，便会在内存中缓存该信息。允许持久化存储后，SDK 优先从本地数据库中获取群成员用户信息，App 下次启动时数据仍然可用。SDK 在处理对应信息时默认行为如下：

  1. 当 SDK 需要在 UI 上显示群成员用户信息时，首先从内存中查询已获取的数据。
  2. 如果 SDK 可从缓存或本地数据库中查询到所需信息，将直接将数据返回 UI 层并刷新 UI。
  3. 如果 SDK 未能从缓存或本地数据库查询到所需信息，则将触发 UserDataProvider 的 fetchGroupMemberInfo 回调方法，并尝试从应用层获取信息。收到应用层提供的相应信息后，SDK 将刷新 UI。

设置群成员用户信息提供者​

使用 UserDataService 的 setUserDataProvider 方法设置用户信息提供者。必须在 SDK 初始化之后，建立 IM 连接之前设置。建议在应用生命周期内设置。

// 设置用户信息提供者
RongIM.getInstance().userDataService().setUserDataProvider(userDataProvider);

获取群成员用户信息​

App 可以主动调用 UserDataService 的 getGroupMemberInfo 方法获取群成员用户信息。SDK 的行为如下：

  1. 首先尝试从本地缓存获取应用层提供的数据。
  2. 如果本地没有相关信息的数据，SDK 会触发 GroupUserInfoProvider 的 fetchGroupMemberInfo 回调方法。如果您的 App 应用层已在该回调中提供数据，则 SDK 可成功获取群成员用户信息 GroupMemberInfoModel。
RongIM.getInstance().userDataService().getGroupMemberInfo("groupId", "userId")
  .then((userInfo: GroupMemberInfoModel | undefined) => {
    // 返回 GroupMemberInfoModel
  })
输入参数类型说明
groupIdstring群组 ID
userIdstring用户 ID
最后于 更新