管理子区消息
大约 4 分钟
Web 集成文档
管理子区消息
子区消息消息类型属于群聊消息类型,与普通群组消息的区别是需要添加 isChatThread
标记。本文介绍环信即时通讯 IM SDK 如何发送、接收以及撤回子区消息。
技术原理
环信即时通讯 IM SDK 支持你通过调用 API 在项目中实现如下功能:
- 发送子区消息
- 接收子区消息
- 撤回子区消息
- 获取子区消息
消息收发流程如下:
- 客户端从应用服务器获取 token。
- 客户端 A 和 B 登录即时通讯。
- 客户端 A 向客户端 B 发送消息。消息发送至即时通讯 IM 服务器,服务器将消息传递给客户端 B。对于子区消息,服务器投递给子区内其他每一个成员。客户端 B 收到消息后,SDK 触发事件。客户端 B 监听事件并获取消息。
子区创建和查看如下图:
前提条件
开始前,请确保满足以下条件:
实现方法
本节介绍如何使用环信即时通讯 IM SDK 提供的 API 实现上述功能。
发送子区消息
发送子区消息和发送群组消息的方法基本一致,详情请参考 发送消息。唯一不同的是,发送子区消息需要指定标记 isChatThread
为 true
。
单设备登录时,子区所属群组的所有成员会收到 onChatThreadChange
回调。
示例代码如下:
// 在子区内发送文本消息
function sendTextMessage() {
let option = {
// 会话类型,设置为群聊。
chatType: 'groupChat',
// 消息类型。
type: 'txt',
// 消息接收方(子区 ID)。
to: 'chatThreadId',
// 消息内容。
msg: 'message content'
// 是否为子区消息。
isChatThread: 'true',
}
let msg = WebIM.message.create(option);
connection.send(msg).then(() => {
console.log('send text message success');
}).catch((e) => {
console.log("send text message error");
})
};
接收子区消息
可以通过 addEventHandler
注册监听器接收各类消息的回调,详情参考 接收消息。
示例代码如下:
// 监听收到的文本消息
connection.addEventHandler('THREADMESSAGE',{
onTextMessage:(message) => {
if(message.chatThread && JSON.stringify(message.chatThread)!=='{}'){
console.log(message)
// 接收到子区消息,添加处理逻辑。
}
},
});
撤回子区消息
撤回子区消息和撤回群组消息的方法基本一致,详情请参考 撤回消息。唯一不同的是,撤回子区消息需要指定标记 isChatThread
为 true
。
子区成员可以设置消息监听回调 onRecallMessage
对子区消息的撤回进行监听。
示例代码如下:
let option = {
// 设置要撤回消息的 ID。
mid: 'msgId',
// 设置消息接收方(子区 ID)。
to: 'chatThreadId',
// 设置会话类型,单聊、群聊和聊天室分别为 `singleChat`、`groupChat` 和 `chatRoom`。
chatType: 'groupChat'
// 设置是否为子区消息。
isChatThread: 'true'
};
connection.recallMessage(option).then((res) => {
console.log('success', res)
}).catch((error) => {
// 消息撤回失败 (超过 2 分钟)。
console.log('fail', error)
})
// 监听要撤回的消息:
conn.addEventHandler('MESSAGES',{
onRecallMessage: => (msg) {
// 接收到子区消息被撤回,添加处理逻辑。
console.log('撤回成功',msg)
},
})
从服务器获取单个子区的消息 (消息漫游)
调用 getHistoryMessages
方法从服务器获取子区消息。从服务器获取子区消息与获取群组消息的唯一区别为前者需传入子区 ID,后者需传入群组 ID。
let options = {
// 子区 ID。
targetId: "threadId",
// 每页期望获取的消息条数。取值范围为 [1,50],默认值为 20。
pageSize: 20,
// 查询的起始消息 ID。若该参数设置为 `-1`、`null` 或空字符串,从最新消息开始。
cursor: -1,
// 会话类型:子区为 "groupChat"。
chatType: "groupChat",
// 消息搜索方向:(默认)`up`:按服务器收到消息的时间的逆序获取;`down`:按服务器收到消息的时间的正序获取。
searchDirection: "up",
};
conn
.getHistoryMessages(options)
.then((res) => {
// 成功获取历史消息。
console.log(res);
})
.catch((e) => {
// 获取失败。
});