上云无忧 > 文档中心 > 环信IM即时通讯使用教程(Windows) - 消息表情回复 Reaction
IM即时通讯
环信IM即时通讯使用教程(Windows) - 消息表情回复 Reaction

文档简介:
环信即时通讯 IM 提供消息表情回复(下文统称 “Reaction”)功能。用户可以在单聊和群聊中对消息添加、删除表情。表情可以直观地表达情绪,利用 Reaction 可以提升用户的使用体验。同时在群组中,利用 Reaction 可以发起投票,根据不同表情的追加数量来确认投票。
*此产品及展示信息均由环信官方提供。免费试用 咨询热线:400-826-7010,为您提供专业的售前咨询,让您快速了解云产品,助您轻松上云! 微信咨询
  免费试用、价格特惠

环信即时通讯 IM 提供消息表情回复(下文统称 “Reaction”)功能。用户可以在单聊和群聊中对消息添加、删除表情。表情可以直观地表达情绪,利用 Reaction 可以提升用户的使用体验。同时在群组中,利用 Reaction 可以发起投票,根据不同表情的追加数量来确认投票。

注意

  1. 目前 Reaction 仅适用于单聊和群组。聊天室暂不支持 Reaction 功能。
  2. 私有化版本不支持 Reaction 功能。

技术原理

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

  • AddReaction 在消息上添加 Reaction;
  • RemoveReaction 删除消息的 Reaction;
  • GetReactionList 获取消息的 Reaction 列表;
  • GetReactionDetail 获取 Reaction 详情;
  • Message.ReactionList 从 Message 对象获取 Reaction 列表。

Reaction 场景示例如下:

分别展示如何添加 Reaction,群聊中 Reaction 的效果,以及查看 Reaction 列表。

前提条件

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

  • 完成 1.0.5 或以上版本 SDK 初始化,详见 快速开始。
  • 了解环信即时通讯 IM API 的 使用限制。
  • 已联系商务开通 Reaction 功能。

实现方法

在消息上添加 Reaction

调用 AddReaction 在消息上添加 Reaction,在 MessageReactionDidChange 监听事件中会收到这条消息的最新 Reaction 概览。

示例代码如下:

// 添加 Reaction。 SDKClient.Instance.ChatManager.AddReaction(msg_id, reaction, new CallBack( onSuccess: () =>
 { Debug.Log($"AddReaction success."); }, onError: (code, desc) => { Debug.Log($"AddReaction failed, code:
{code}, desc:{desc}"); } )); // 监听 Reaction 更新。 class ReactionManagerDelegate : IReactionManagerDelegate 
{ public void MessageReactionDidChange(List<MessageReactionChange> list) { if (list.Count == 0) return; foreach
(var it in list) { //此处添加遍历列表代码 } } } //添加 Reaction 监听器 ReactionManagerDelegate reactionManager
Delegate = new ReactionManagerDelegate(); SDKClient.Instance.ChatManager.AddReactionManagerDelegate(reactionManagerDelegate); 
 

删除消息的 Reaction

调用 RemoveReaction 删除消息的 Reaction,在 `MessageReactionDidChange 监听事件中会收到这条消息的最新 Reaction 概览。

示例代码如下:

// 删除 Reaction。 SDKClient.Instance.ChatManager.RemoveReaction(msg_id, reaction, new CallBack( onSuccess:
 () => { Debug.Log($"RemoveReaction success."); }, onError: (code, desc) => { Debug.Log($"RemoveReaction 
failed, code:{code}, desc:{desc}"); } )); // 监听 Reaction 更新。 class ReactionManagerDelegate : IReacti
onManagerDelegate { public void MessageReactionDidChange(List<MessageReactionChange> list) { if (list.Count
 == 0) return; foreach(var it in list) { //此处添加遍历列表代码 } } } //添加 Reaction 监听器 ReactionM
anagerDelegate reactionManagerDelegate = new ReactionManagerDelegate(); SDKClient.Instance.ChatManager.
AddReactionManagerDelegate(reactionManagerDelegate); 
 

获取消息的 Reaction 列表

调用 GetReactionList 可以从服务器获取指定消息的 Reaction 概览列表,列表内容包含 Reaction 内容、添加或移除 Reaction 的用户数量以及添加或移除 Reaction 的前三个用户的用户 ID。示例代码如下:

SDKClient.Instance.ChatManager.GetReactionList(messageIdList, chatType, groupId, new ValueCallBack<Dictionary
<string, List<MessageReaction>>>( onSuccess: (dict) => { //遍历返回的 Reaction 字典 foreach (var it in dict)
 { //遍历字典每一个 List<MessageReaction> List<MessageReaction> rl = it.Value; foreach (var lit in rl)
 { //处理每一个 Reaction } } }, onError: (code, desc) => { Debug.Log
($"GetReactionList failed, code:{code}, desc:{desc}"); } )); 
 

获取 Reaction 详情

调用 GetReactionDetail 可以从服务器获取指定 Reaction 的详情,包括 Reaction 内容、添加或移除 Reaction 的用户数量以及添加或移除 Reaction 的前三个用户的用户 ID。示例代码如下:

SDKClient.Instance.ChatManager.GetReactionDetail(msg_id, reaction, cursor, pageSize, new 
ValueCallBack<CursorResult<MessageReaction>>( onSuccess: (ret) => { Debug.Log($"GetReactionDetail 
success"); if (ret.Data.Count > 0) { MessageReaction mr = ret.Data[0]; //处理获取到的 Reaction } },
 onError: (code, desc) => { Debug($"GetReactionDetail failed, code:{code}, desc:{desc}"); } ));

相似文档
  • 子区是群组成员的子集,是支持多人沟通的即时通讯系统,本文介绍如何使用环信即时通讯 IM SDK 在实时互动 app 中创建和管理子区,并实现子区相关功能。 如需查看消息相关内容,参见 子区消息管理。 注意: 私有化版本不支持子区功能。
  • 子区消息消息类型属于群聊消息类型,与普通群组消息的区别是需要添加 IsThread 标记。本文介绍环信即时通讯 IM windows SDK 如何发送、接收以及撤回子区消息。
  • 功能描述: 新增消息举报接口,SDK 可以调用该接口举报对应消息。当服务器端审核服务收到举报消息后,会将举报消息存储到数据库,并提供接口供 Console 后台搜索展示。审核员可以对举报记录进行相应处理。
  • 本文主要介绍在调用环信即时通讯 Windows SDK 中的接口过程中,SDK 返回的错误码和错误信息。 你可以根据如下错误码及错误信息了解出错的可能原因,并采取响应措施。 环信即时通讯 Windows SDK 在运行过程中,可能通过如下方式返回错误码和错误信息: 调用方法失败时的返回值。 通过 onError 回调报告错误码。
  • 本文介绍如何极简集成环信即时通讯 React-Native SDK,在你的 app 中实现发送和接收单聊文本消息。 实现原理: 下图展示在客户端发送和接收一对一文本消息的工作流程。
官方微信
联系客服
400-826-7010
7x24小时客服热线
分享
  • QQ好友
  • QQ空间
  • 微信
  • 微博
返回顶部