上云无忧 > 文档中心 > 环信IM即时通讯使用教程(React-Native) - 在多个设备上登录
IM即时通讯
环信IM即时通讯使用教程(React-Native) - 在多个设备上登录

文档简介:
环信即时通讯 IM 支持同一个用户 ID 在多个平台或者多个设备上登录; 客户端支持查询当前账号的已登录设备列表,可强制该账号从其他已登录设备下线; 环信即时通讯 IM React Native SDK 支持在同一账号所有已登录设备上同步在线和离线消息以及对应的回执和已读状态、接收离线推送通知、同步好友、群组以及聊天室相关的操作。
*此产品及展示信息均由环信官方提供。免费试用 咨询热线:400-826-7010,为您提供专业的售前咨询,让您快速了解云产品,助您轻松上云! 微信咨询
  免费试用、价格特惠

环信即时通讯 IM 支持同一个用户 ID 在多个平台或者多个设备上登录;

客户端支持查询当前账号的已登录设备列表,可强制该账号从其他已登录设备下线;

环信即时通讯 IM React Native SDK 支持在同一账号所有已登录设备上同步在线和离线消息以及对应的回执和已读状态、接收离线推送通知、同步好友、群组以及聊天室相关的操作。

默认最多支持 4 个设备同时在线,具体见 环信即时通讯 IM 价格 (opens new window)。如需增加支持的设备数量,可以联系环信即时通讯 IM 的商务经理。

技术原理

用户在 React Native 端上初始化 SDK 时会生成设备识别 ID,用于多设备登录和推送。服务器会将新消息发送到已登录的设备。环信即时通讯 IM React Native SDK 提供如下方法实现多个设备上的互动功能。

  • 获取其他登录设备的 ID
  • 给其他设备发送消息
  • 多端同步通知

前提条件

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

  • 完成 SDK 初始化,并连接到服务器,详见 快速开始 及 SDK 集成概述。
  • 了解环信即时通讯 IM 的使用限制,详见 使用限制。
  • 了解环信即时通讯 IM 的套餐包,详见 环信即时通讯 IM 价格 (opens new window)

实现方法

获取其他登录设备的 ID

你可以调用 getSelfIdsOnOtherPlatform 方法获取其他登录设备的 ID。你在当前设备上发送消息时,其他设备通过这些 ID 接收消息,实现不同设备之间的消息传输。

ChatClient.getInstance() .contactManager.getSelfIdsOnOtherPlatform() .then((ids) => { console.log
("get ids success.", ids); }) .catch((reason) => { console.log("get ids fail.", reason); }); 
 

给其他设备发送消息

举例:发送文本消息给其他端。

// content: 设置文本内容 // targetId: 来自 `getSelfIdsOnOtherPlatform` 方法的异步结果
 // chatType: 个人类型 const msg = ChatMessage.createTextMessage(targetId, content, chatType);
 // 执行消息发送 ChatClient.getInstance() .chatManager.sendMessage(msg!, new ChatMessageCallback()
) .then(() => { // 消息发送动作完成,会在这里打印日志。 // 消息的发送结果通过回调返回 console.log
("send message operation success."); }) .catch((reason) => { // 消息发送动作失败,会在这里打印日志。
 console.log("send message operation fail.", reason); }); 
 

多端同步通知

账号 A 同时在设备 A 和设备 B 上登录,账号 A 在设备 A 上进行一些操作,设备 B 上会收到这些操作对应的通知。

你需要先实现 ChatMultiDeviceEventListener 监听其他设备上的操作,再设置多设备监听器。

let customListener: ChatCustomEventListener = new (class implements ChatCustomEventListener
 { onDataReceived(params: any): void { // 可能是好友事件、群组事件、子区事件等。 } })();
 // 清空监听器 ChatClient.getInstance().removeAllCustomListener(); // 添加监听器
 ChatClient.getInstance().addCustomListener(customListener);

相似文档
  • 用户在线状态(即 Presence)包含用户的在线、离线以及自定义状态。 本文介绍如何在即时通讯应用中发布、订阅和查询用户的在线状态。 技术原理: 环信 IM SDK 提供 ChatPresence、ChatPresenceManager 和 ChatPresenceEventListener 类,用于管理在线状态订阅,包含如下核心方法:
  • 环信即时通讯 IM 提供消息表情回复(下文统称 “Reaction”)功能。用户可以在单聊和群聊中对消息添加、删除表情。表情可以直观地表达情绪,利用 Reaction 可以提升用户的使用体验。同时在群组中,利用 Reaction 可以发起投票,根据不同表情的追加数量来确认投票。
  • 子区是群组成员的子集,是支持多人沟通的即时通讯系统,本文介绍如何使用环信即时通讯 IM React Native SDK 在实时互动 app 中创建和管理子区,并实现子区相关功能。
  • 子区消息消息类型属于群聊消息类型,与普通群组消息的区别是需要添加 isChatThread 标记。本文介绍即时通讯 IM React Native SDK 如何发送、接收以及撤回子区消息。
  • 环信即时通讯 IM SDK 提供消息举报接口。开发者可以在客户端调用该接口举报违规消息。当服务器端审核服务收到举报消息后,会将举报消息存储到数据库,并在环信即时通讯 IM Console 展示。审核员可在环信即时通讯 IM Console 查看举报记录,并进行相应处理。
官方微信
联系客服
400-826-7010
7x24小时客服热线
分享
  • QQ好友
  • QQ空间
  • 微信
  • 微博
返回顶部