四、Uniapp+vue+腾讯IM+腾讯音视频开发仿微信的IM聊天APP，支持各类消息收发，音视频通话，附vue实现源码(已开源)-会话好友列表的实现

最新推荐文章于 2024-07-29 22:48:15 发布

智密科技

最新推荐文章于 2024-07-29 22:48:15 发布

阅读量3.1k

点赞数

分类专栏： uniapp插件 IM源码文章标签：音视频微信 im 源码 uni-app

本文链接：https://blog.csdn.net/m0_49054461/article/details/121762631

版权

本文详细介绍了如何使用Uniapp和Vue结合腾讯IM和音视频服务，实现仿微信的IM聊天应用，包括会话好友列表的实时更新、消息已读同步、会话消息删除等功能，并提供了源码开源地址和交流群信息。

摘要由CSDN通过智能技术生成

会话好友列表的实现

1、项目引言
2、腾讯云后台配置TXIM
3、配置项目并实现IM登录
4、会话好友列表的实现
5、聊天输入框的实现
6、聊天界面容器的实现
7、聊天消息项的实现
8、聊天输入框扩展面板的实现
9、聊天会话管理的实现
10、聊天记录的加载与消息收发
11、定位SD配置与收发定位消息
12、贴图表情的定制化开发
13、腾讯云后台配置TRTC功能
14、集成音视频通话功能
15、集成仿微信的拍照，相册选择插件
16、集成美颜功能
17、集成TPNS消息推送(暂未接入)

文章概述

这已经是第四篇了，昨天我们代码总算开了个头，今天我们来开始慢慢实现IM中需要的各个模块，今天我们来实现会话好友列表的显示，话不多说，直接开撸。

会话好友列表的实现

1.监听回调事件

在开发中，我们可以通过监听回调事件的方式被动获取会话变更，以及通过api主动获取会话缓存数据，主动获取的是sdk底层缓存的会话列表数据，而回调的则是最新的，一般而言回调的时效性高于api。
主动获取会话列表：

getConversationList () {
   
	let{
    data } = await this.$txim.getConversationList(this.nextSeq, 999)
	this.nextSeq = data.nextSeq
	data.conversationList = data.conversationList || data.conversations
	let conversationList = data