创建和管理聊天室及监听聊天室事件

大约 6 分钟

创建和管理聊天室及监听聊天室事件

聊天室是支持多人沟通的即时通讯系统。聊天室中的成员没有固定关系，一旦离线后，不会收到聊天室中的任何消息，（除了聊天室白名单中的成员）超过 2 分钟会自动退出聊天室。聊天室可以应用于直播、消息广播等。若需调整该时间，需联系环信商务经理。

本文介绍如何使用环信即时通讯 IM SDK 在实时互动 app 中创建和管理聊天室，并实现聊天室的相关功能。

消息内容详见 消息管理。

技术原理

环信即时通讯 IM SDK 支持你通过调用 API 在项目中实现如下聊天室管理功能：

  • 创建聊天室；
  • 从服务器获取聊天室列表；
  • 加入聊天室；
  • 获取聊天室详情；
  • 解散聊天室；
  • 监听聊天室事件；
  • 实时更新聊天室成员人数。

前提条件

开始前，请确保满足以下条件：

实现方法

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

创建聊天室

仅 超级管理员 可以调用 createChatRoom 方法创建聊天室，并设置聊天室的名称、描述、最大成员数等信息。成功创建聊天室后，该超级管理员为该聊天室的所有者。

建议直接调用 REST API 从服务端创建聊天室。

示例代码如下：

let options = {
    name: 'chatRoomName', // 聊天室名称。
    description: 'description', // 聊天室描述。
    maxusers: 200, // 聊天室允许的最大成员数（包括聊天室创建者），默认值 200，最大不超过 5,000。
    members: ['user1', 'user2'] // 聊天室成员。此属性可选，但是如果包含此项，数组元素至少一个。
}
conn.createChatRoom(options).then(res => console.log(res))

从服务器获取聊天室列表

你可以调用 getChatRooms 方法从服务器获取指定数目的聊天室列表，能获取到的最大数量为 1,000。

加入聊天室

申请加入聊天室的步骤如下：

  • 调用 getChatRooms 方法从服务器获取聊天室列表，查询到想要加入的聊天室 ID。
  • 调用 joinChatRoom 方法传入聊天室 ID，申请加入对应聊天室。新成员加入聊天室时，其他成员收到 memberPresence 事件。

提示

若传入的聊天室 ID 不存在，你可以联系环信商务实现自动创建聊天室。若开启了该功能，环信服务器会自动创建聊天室，joinChatRoom 方法中的参数无变化。

示例代码如下：

// 获取聊天室列表，最多可获取 1000 个。
let option = {
    pagenum: 1,
    pagesize: 20
};
conn.getChatRooms(option).then(res => console.log(res))

// 加入聊天室。聊天室所有成员均可调用该接口。
let option = {
    roomId: 'roomId',
    message: 'reason'
}
conn.joinChatRoom(option).then(res => console.log(res))

获取聊天室详情

聊天室所有成员均可调用 getChatRoomDetails 方法获取聊天室详情，包括聊天室 ID、名称、描述和允许的最大成员数等。聊天室成员列表、管理员列表、聊天室公告、黑名单列表和禁言列表需单独调用接口获取。

示例代码如下：

let option = {
    chatRoomId: 'chatRoomId'
}
conn.getChatRoomDetails(option).then(res => console.log(res))

解散聊天室

仅聊天室所有者可以调用 destroyChatRoom 方法解散聊天室。聊天室解散时，其他成员收到 destroy 事件并被踢出聊天室。

示例代码如下：

let option = {
    chatRoomId: 'chatRoomId'
}
conn.destroyChatRoom(option).then(res => console.log(res))

监听聊天室事件

你可以调用 addEventHandler 方法注册聊天室监听器，获取聊天室事件，并作出相应处理。

示例代码如下：

conn.addEventHandler("eventName", {
    onChatroomEvent: function(msg){
        switch(msg.operation){
            // 解除聊天室一键禁言。聊天室所有成员（除操作者外）会收到该事件。
            case 'unmuteAllMembers':
                break;
            // 聊天室一键禁言。聊天室所有成员（除操作者外）会收到该事件。
            case 'muteAllMembers':
                break;
            // 将成员移出聊天室白名单。被移出的成员收到该事件。
            case 'removeAllowlistMember':
                break;
            // 添加成员至聊天室白名单。被添加的成员收到该事件。
            case 'addUserToAllowlist':
                break;
            // 删除聊天室公告。聊天室的所有成员会收到该事件。
            case 'deleteAnnouncement':
                break;
            // 更新聊天室公告。聊天室的所有成员会收到该事件。
            case 'updateAnnouncement':
                break;
            // 更新聊天室详情。聊天室的所有成员会收到该事件。
            case 'updateInfo':
                break;    
            // 解除对指定成员的禁言。被解除禁言的成员会收到该事件。
            case 'unmuteMember':
                break;
            // 有成员被移出聊天室黑名单。被移出的成员会收到该事件。
            case 'unblockMember':
                break;
            // 禁言指定成员。被禁言的成员会收到该事件。
            case 'muteMember':
                break;
            // 移除管理员。被移除的管理员会收到该事件。
            case 'removeAdmin':
                break;
            // 设置管理员。被添加的管理员会收到该事件。
            case 'setAdmin':
                break;
            // 转让聊天室。聊天室全体成员会收到该事件。
            case 'changeOwner':
                break;
            // 解散聊天室。聊天室的所有成员会收到该事件。
            case 'destroy':
                break;   
            // 主动退出聊天室。聊天室的所有成员（除退出的成员）会收到该事件。
            case 'memberAbsence':
                break;
            // 有成员被移出聊天室。被踢出聊天室的成员会收到该事件。   
            case 'removeMember':
                break;
            // 有用户加入聊天室。聊天室的所有成员（除新成员外）会收到该事件。
            case 'memberPresence':
                break;
             // 有成员修改/设置聊天室自定义属性，聊天室的所有成员会收到该事件。
            case 'updateChatRoomAttributes':
                break;
            // 有成员删除聊天室自定义属性，聊天室所有成员会收到该事件。
            case 'removeChatRoomAttributes':
                break;
            default:
                break;
        }
    }
})

实时更新聊天室成员人数

如果聊天室短时间内有成员频繁加入或退出时，实时更新聊天室成员人数的逻辑如下：

  1. 聊天室内有成员加入时，其他成员会收到 onChatroomEvent 的 memberPresence 事件。有成员主动或被动退出时，其他成员会收到 onChatroomEvent 的 memberAbsence 事件。

  2. 收到通知事件后，可以通过事件回调参数获取聊天室当前人数。

conn.addEventHandler("CHATROOM", {
        onChatroomEvent: (e) => {
          switch (e.operation) {
            case "memberPresence":
              // 当前聊天室在线人数
              console.log(e?.memberCount);
              break;
            case "memberAbsence":
              // 当前聊天室在线人数
              console.log(e?.memberCount);
              break;
            default:
              break;
          }
        }
      });