基于uniapp+nvue,uniapp仿微信App聊天应用txim实例项目实现如下功能。1:聊天会话管理2:好友列表3:文字、语音、视频、表情、位置等聊天消息收发4:一对一语音视频在线通话技术实现开发环境:HbuilderX+nodejs技术框架:uniapp+vue2.x+node-sass状态管理:Vuex测试环境:App(Android+IOS)插件:Zhimi-TXIM,Zhimi-TRTC调用代码:开源效果总览在uniapp的开发下,Android和IOS的性能ios高度一致,借助nvue组件渲染机制,实现组件分离的同时兼顾高效的渲染速度。长列表渲染和消息加载速度在2s内完成。快速构建项目通过uniapp插件市场(https://ext.dcloud.net.cn/plu...)导入示例项目后,我们需要调整几个地方,才能对项目进行打包1.申请免费试用由于uniapp插件市场限制,我们需要先申请免费插件试用。2、修改App图标由于Demo没有自带图标,需要选择一张图片作为图片,点击浏览随意选择一张图片,会自动生成。3.选择原生插件。如果是在线试用,选择云插件。如果是本地下载,选择本地插件,找到腾讯云相关插件勾选即可。4.打包定制底座。因为使用了原生插件,所以我们需要先打包原来的base,点击“Release”菜单,然后按照下图的配置打包一个自定义的base进行测试。5.打包完成后,选择要运行的自定义库。选择一个自定义的base,否则会出现TXIMnotfound等错误信息。获取腾讯云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仿微信AppChat应用,实现与好友聊天,语音视频通话功能,分享到此结束
