HarmonyOS实战:腾讯IM之消息删除、撤回和重发(三)

前言

经过前面几篇文章的介绍,基本实现了鸿蒙 IM 聊天的功能,但是完整的腾讯 IM 不仅拥有发送文本的功能,还支持消息的失败重发,删除和撤回等相关功能,本篇文章将详细介绍如何实现这些功能,建议点赞收藏!

实现效果

需求分析

  • 支持消息撤回
  • 支持消息删除
  • 支持消息重发

技术实现

消息撤回

当用户发出 IM 消息后,需要支持在固定时间段内允许用户撤回已经发出的消息,这里默认为 120 秒,而且只允许自己发送的消息撤回。使用消息撤回功能需要调用revokeMessage 方法。

javascript 复制代码
V2TIMManager.getMessageManager()
.revokeMessage(msg)
.then(() => {
      let index = this.messageData.getDataAll().indexOf(msg)
      this.messageData.deleteData(index)
      msg.status = V2TIMMessageStatus.V2TIM_MSG_STATUS_LOCAL_REVOKED
     this.messageData.addData(index, msg)
})
.catch((error: Error) => {
       });

通过调用接口传入被撤回的消息,撤回成功后,将该消息状态修改成撤回状态,列表根据消息状态显示提示语"您撤回了一条消息"。

消息删除

消息删除指删除用户已经发出过的消息记录,包括本地与云端消息,deleteMessage 方法可以实现消息删除,当消息删除接口回调成功后,再将消息从列表中删除即可。

javascript 复制代码
let deleteMsg: Array<V2TIMMessage> = [msg]
V2TIMManager.getMessageManager().deleteMessages(deleteMsg).then(() => {
 let index = this.messageData.getDataAll().indexOf(msg)
 this.messageData.deleteData(index)
    console.log("删除消息--成功")
   }).catch((error: Error) => {
console.log("删除消息--失败")
})

消息重发

当遇到网络不好或者网络异常时,用户发送的消息会出现失败的情况,这个时候就需要重新发送消息。实现消息的重新发送时,需要先将失败的消息删除,然后重新发送,并插入到原来位置。

javascript 复制代码
        V2TIMManager.getMessageManager().deleteMessages([msg]).then(() => {
        }).catch((error: Error) => {
        })

这里先调用 deleteMessages 将失败的消息删除,然后发送新的消息,值得注意的是需要处理当前用户被对方拉黑的情况, 当用户被拉黑时,鸿蒙版的 IM 会直接抛出异常,需要处理拉黑情况。

ini 复制代码
 V2TIMManager.getInstance().sendC2CTextMessage(msg.textElem?.text, 用户id)
.then((message: V2TIMMessage) => {
            this.messageData.pushData(message)
           
          }) .catch((error: TIMError) => {
            //用户被拉黑了
            if (error.code == 20007) {
              msg.status = V2TIMMessageStatus.V2TIM_MSG_STATUS_SEND_FAIL
              msg.msgID = "20007"
              this.messageData.pushData(msg)
            
            }
          });

总结

本篇文章详细的介绍里 鸿蒙版 IM 中实现消息时撤回,删除和重发等功能。特别是当重发时需要注意当前用户是否已经被拉黑,处理特定的 code 码。然后结合鸿蒙的状态管理很容易实现微信相同的功能,已经学会了的小伙伴,赶快动手试试吧!

相关推荐
qq_177767371 小时前
React Native鸿蒙跨平台剧集管理应用实现,包含主应用组件、剧集列表、分类筛选、搜索排序等功能模块
javascript·react native·react.js·交互·harmonyos
qq_177767371 小时前
React Native鸿蒙跨平台自定义复选框组件,通过样式数组实现选中/未选中状态的样式切换,使用链式调用替代样式数组,实现状态驱动的样式变化
javascript·react native·react.js·架构·ecmascript·harmonyos·媒体
烬头88212 小时前
React Native鸿蒙跨平台采用了函数式组件的形式,通过 props 接收分类数据,使用 TouchableOpacity实现了点击交互效果
javascript·react native·react.js·ecmascript·交互·harmonyos
qq_177767372 小时前
React Native鸿蒙跨平台通过Animated.Value.interpolate实现滚动距离到动画属性的映射
javascript·react native·react.js·harmonyos
qq_177767373 小时前
React Native鸿蒙跨平台实现消息列表用于存储所有消息数据,筛选状态用于控制消息筛选结果
javascript·react native·react.js·ecmascript·harmonyos
ujainu4 小时前
Flutter + OpenHarmony 实战:从零开发小游戏(三)——CustomPainter 实现拖尾与相机跟随
flutter·游戏·harmonyos
拉轰小郑郑5 小时前
鸿蒙ArkTS中Object类型与类型断言的理解
华为·harmonyos·arkts·openharmony·object·类型断言
2601_949593655 小时前
基础入门 React Native 鸿蒙跨平台开发:Animated 动画按钮组件 鸿蒙实战
react native·react.js·harmonyos
菜鸟小芯5 小时前
【开源鸿蒙跨平台开发先锋训练营】DAY8~DAY13 底部选项卡&推荐功能实现
flutter·harmonyos
星辰徐哥5 小时前
鸿蒙APP开发从入门到精通:页面路由与组件跳转
华为·harmonyos