共计 1148 个字符，预计需要花费 3 分钟才能阅读完成。
基于 uniapp + nvue 实现的 uniapp 仿微信 App 聊天利用 txim 实例我的项目，实现了以下性能。
1: 聊天会话治理
2: 好友列表
3: 文字、语音、视频、表情、地位等聊天音讯收发
4: 一对一语音视频在线通话
技术实现
开发环境：HbuilderX + nodejs
技术框架：uniapp + vue2.x + node-sass
状态治理：Vuex
测试环境：App 端 (Android + IOS)
插件：Zhimi-TXIM、Zhimi-TRTCCalling
代码：开源
成果概览
在 uniapp 开发下，安卓和 ios 端体现成果高度一致，借由 nvue 的组件渲染机制，在实现组件拆散的同时又能兼顾高效的渲染速度，长列表和音讯加载速度均在 2s 内实现渲染。
疾速搭建我的项目
通过 uniapp 插件市场（https://ext.dcloud.net.cn/plu…）导入示例我的项目之后，咱们须要调整几个中央才能够打包我的项目
1. 申请收费试用
因为 uniapp 插件市场的限度，咱们须要先申请收费插件试用
2. 批改 App 图标
因为 Demo 没有自带图标，因而须要抉择一个图片作为图片，点击浏览而后轻易抉择一张图片，主动生成即可。
3. 抉择原生插件
如果是在线试用的抉择云端插件，如果是下载在本地的抉择本地插件，找到 腾讯云 相干的插件勾选即可
4. 打包自定义基座
因为应用了原生插件，因而咱们须要先打包原生基座，点击“发行”菜单后依据下图配置先打包一个供测试的自定义基座
5. 打包实现后抉择自定义基座运行
这里是很多人疏忽的中央，打包实现之后咱们须要抉择自定义基座，否则会呈现找不到 TXIM 等报错信息。
获取腾讯云 UserId + UserSig
对于官网文档而言，曾经有获取形式的形容，这里不过多赘叙，间接参考官网文档：
获取腾讯云 UserId+UserSig：https://www.yuque.com/zhimike…
配置腾讯云 AppSdkId：https://www.yuque.com/zhimike…
仿微信聊天界面
在 demo 中其实曾经内置了一套繁难的 api 演示，对于仿微信聊天界面局部，须要加官网群获取，这里能够参考 uniapp+nvue 实现仿微信 App 界面 + 性能 —— uni-app 实现聊天 + 语音 + 视频 + 图片音讯
官网文档：产品概述
一对一在线语音视频通话
对于应用 demo 运行的开发者，能够参考：uniapp+nvue 开发之仿微信语音 + 视频通话性能：实现一对一语音视频在线通话
部署语音视频通话性能。
须要失常应用语音视频通话性能，还须要先开启 trtcCalling 登陆性能，在源码中 login.vue 文件中这个中央正文了语音视频通话局部的性能，开发者须要自行关上
至此，明天的 uniapp+nvue 仿微信 App 聊天利用，实现好友聊天，语音视频通话性能就分享完结啦