項目文章索引
1、項目引言
2、騰訊雲后台配置TXIM
3、配置項目並實現IM登錄
4、會話好友列表的實現
5、聊天輸入框的實現
6、聊天界面容器的實現
7、聊天消息項的實現
8、聊天輸入框擴展面板的實現
9、聊天會話管理的實現
10、聊天記錄的加載與消息收發
11、定位SD配置與收發定位消息
12、貼圖表情的定制化開發
13、騰訊雲后台配置TRTC功能
14、集成音視頻通話功能
15、集成仿微信的拍照,相冊選擇插件
16、集成美顏功能
17、集成TPNS消息推送(暫未接入)
@
前言
基於uni-app技術開發的仿微信界面IM實例項目,開源Vue版本源碼,對於要求高的開發者我們也開發了NVUE版本,實現了文本消息、圖文消息、表情(gif動畫),圖片預覽,圖片編輯,視頻預覽,視頻編輯,仿微信的圖片選擇、編輯、長按菜單等功能
一、項目意義
作為一個UniAPP開發者,擁有一套自己的IM源碼,可以在各個項目中方便的使用,能大大加快項目進度,網上有各類IM源碼,附帶服務端,但是此類項目服務端的穩定性、可靠性往往需要打一個問號,更尷尬的是服務端的技術棧可能和您自己使用的並不匹配,需要花費大量的時間精力去做整合。
針對以上問題,我們基於騰訊即時通訊SDK-TXIM(不是WEB IM,是正宗的原生SDK),騰訊音視頻SDK-TRTC(這玩意只有原生的),使用UNIAPP+Vue開發了一套IM源碼並開源(如果您覺得Vue版本不夠絲滑,無法滿足你們的項目需求,我們也有更高性能的Nvue版本)
二、使用到的原生插件
本項目的目的是要用Uniapp開發一套可以媲美原生效果的仿微信IM,所以我們沒有采用WEB IM,而是使用了原生的騰訊即時通訊SDK插件。用到的插件如下:
1.消息收發插件
消息收發插件我們采用騰訊雲即時通訊SDK(TXIM)
官方SDK地址:https://cloud.tencent.com/document/product/269
原生插件地址:
1. 插件地址:https://ext.dcloud.net.cn/plugin?id=5116
2. 插件文檔地址:https://www.yuque.com/zhimikeji/rggqn1
2.音視頻通話插件
音視頻通話插件我們采用的是騰訊雲實時音視頻SDK(TRTC)
官方SDK地址:https://cloud.tencent.com/document/product/647/32173
原生插件地址:
1. 插件地址:https://ext.dcloud.net.cn/plugin?id=3520
2. 插件文檔地址:https://www.yuque.com/zhimikeji/giv7zg
3.自定義拍照/相冊選擇/圖片編輯/視頻編輯/仿微信選擇器插件
自定義拍照/相冊選擇/圖片編輯/視頻編輯/仿微信選擇器插件使用的也是插件市場的插件。
1. 自定義相機相冊帶壓縮編輯插件:https://ext.dcloud.net.cn/plugin?id=6183
2. 插件文檔地址:https://www.yuque.com/zhimikeji/unzpwg/ghm71f
三、項目成品效果
四、項目開源地址及交流群
項目開源地址:https://gitee.com/ckong/Zhimi.OpenSource.UniApp.TXIM.Vue
開發交流群:755910061