上云无忧 > 文档中心 > 环信IM即时通讯使用教程(Web) - 创建和管理聊天室及监听聊天室事件
IM即时通讯
环信IM即时通讯使用教程(Web) - 创建和管理聊天室及监听聊天室事件

文档简介:
聊天室是支持多人沟通的即时通讯系统。聊天室中的成员没有固定关系,用户离线后,超过 5 分钟会自动退出聊天室。聊天室成员离线后,不会收到推送消息。聊天室可以应用于直播、消息广播等。
*此产品及展示信息均由环信官方提供。免费试用 咨询热线:400-826-7010,为您提供专业的售前咨询,让您快速了解云产品,助您轻松上云! 微信咨询
  免费试用、价格特惠

聊天室是支持多人沟通的即时通讯系统。聊天室中的成员没有固定关系,用户离线后,超过 5 分钟会自动退出聊天室。聊天室成员离线后,不会收到推送消息。聊天室可以应用于直播、消息广播等。

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

消息内容详见 消息管理。

技术原理

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

  • 创建聊天室;
  • 从服务器获取聊天室列表;
  • 加入聊天室;
  • 获取聊天室详情;
  • 解散聊天室;
  • 监听聊天室事件。

前提条件

开始前,请确保满足以下条件:

  • 完成 SDK 初始化,详见 快速开始;
  • 了解环信即时通讯 IM 的 API 使用限制,详见 使用限制;
  • 了解环信即时通讯 IM 聊天室不同版本的数量限制,详见 环信即时通讯 IM 价格 (opens new window)
  • 仅 超级管理员 可以创建聊天室;
  • 聊天室创建者和管理员的数量之和不能超过 100 ,即管理员最多可添加 99 个。

实现方法

本节介绍如何使用环信即时通讯 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 事件。

示例代码如下:

// 获取聊天室列表,最多可获取 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; } } })

相似文档
  • 聊天室是支持多人沟通的即时通讯系统。本文介绍如何使用环信即时通讯 IM Web SDK 在实时互动 app 中管理聊天室成员,并实现聊天室的相关功能。
  • 聊天室是支持多人沟通的即时通讯系统。聊天室属性可分为聊天室名称、描述和公告等基本属性和自定义属性(key-value)。若聊天室基本属性不满足业务要求,用户可增加自定义属性并同步给所有成员。利用自定义属性可以存储直播聊天室的类型、狼人杀等游戏中的角色信息和游戏状态以及实现语聊房的麦位管理和同步等。聊天室自定义属性以键值对(key-value)形式存储,属性信息变更会实时同步给聊天室成员。
  • 环信 IM 提供离线推送服务,具有低延迟、高交付、高并发、不侵犯用户个人数据的特点,支持你对离线推送功能进行如下配置: 设置推送通知,包含设置推送通知方式和免打扰模式。设置推送通知为推送的高级功能,使用前需要在环信即时通讯云管理后台上打开开关。 设置推送翻译。
  • 功能描述: 环信即时通讯 IM 支持同一个用户 ID 在多个平台或者多个设备上登录; 服务器提供查询每个账号已登录设备列表的接口,可通过接口强制账号从其他已登录设备中注销; 环信即时通讯 IM Web/Applet SDK 支持在同一账号所有已登录设备上同步在线消息和离线消息以及对应的回执和已读状态;
  • 用户在线状态(即 Presence)包含用户的在线、离线以及自定义状态。 本文介绍如何在即时通讯应用中发布、订阅和查询用户的在线状态。 技术原理: 环信 IM SDK 提供在线状态接口,用于管理在线状态订阅,包含如下核心方法: subscribePresence:订阅用户的在线状态;
官方微信
联系客服
400-826-7010
7x24小时客服热线
分享
  • QQ好友
  • QQ空间
  • 微信
  • 微博
返回顶部