基於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插件市場(騰訊雲即時通訊-好友群聊語音圖視頻）導入示例項目之后，我們需要調整幾個地方才可以打包項目
1. 申請免費試用
由於uniapp插件市場的限制，我們需要先申請免費插件試用
2. 修改App圖標
由於Demo沒有自帶圖標，因此需要選擇一個圖片作為圖片，點擊瀏覽然后隨便選擇一張圖片，自動生成即可。
3. 選擇原生插件
如果是在線試用的選擇雲端插件，如果是下載在本地的選擇本地插件，找到 騰訊雲 相關的插件勾選即可
4. 打包自定義基座
因為使用了原生插件，因此我們需要先打包原生基座，點擊“發行”菜單后根據下圖配置先打包一個供測試的自定義基座
5. 打包完成后選擇自定義基座運行
這里是很多人忽略的地方，打包完成之后我們需要選擇自定義基座，否則會出現找不到TXIM等報錯信息。
獲取騰訊雲UserId + UserSig
對於官方文檔而言，已經有獲取方式的描述，這里不過多贅敘，直接參考官方文檔：
獲取騰訊雲UserId+UserSig：騰訊雲即時通訊(TXIM) · 語雀
獲取到的UserId和UserSig，我們需要修改源碼中login.vue文件這個地方，否則我們無法正常登陸到騰訊雲IM
仿微信聊天界面
在demo中其實已經內置了一套簡易的api演示，對於仿微信聊天界面部分，需要加官方群獲取，這里可以參考
對於使用demo運行的開發者，可以參考（uniapp+nvue開發之仿微信語音+視頻通話功能 ：實現一對一語音視頻在線通話
需要正常使用語音視頻通話功能，還需要先開啟trtcCalling登陸功能，在源碼中login.vue文件中這個地方注釋了語音視頻通話部分的功能，開發者需要自行打開
至此，今天的uniapp+nvue仿微信App聊天應用，實現好友聊天，語音視頻通話功能就分享結束啦，有不清楚的開發者可以加QQ群755910061聯系我們哦