Uni-app想開發社交應用、IM、店鋪客服、嵌入式社交模塊、在線直播互動,這些功能Uni-app官方也沒提供SDK,怎么辦呢?找IM老大騰訊雲啊,今天我們就在Uni-app中把騰訊雲即時通訊TXIM SDK跑起來,實現發發消息,聊聊天等功能。廢話不多說,開干!
1、插件的獲取
1.1在線插件獲取和運行請參考本站文章《Uni-app原生插件入門使用教程「1」:從Uni-app插件市場獲取並試用插件》(文章地址),對應的插件地址:
智密-即時通訊TXIM(商業版)(試用就用商業版,省事)
智密-即時通訊TXIM(免費版)(鏈接里有免費試用的要求,當然要求也不高)
PS:免費版和收費版功能相同,都永久維護,收費版可以按照客戶要求定制。當然目前功能足夠豐富,可以說已經不需要定制了,我們把IM的接口基本都開放了,並且自己做了一套仿微信的IM(源碼只提供給收費版客戶,咱也要養開發人員不是),效果杠杠滴。
1.2離線插件獲取和運行請參考本站文章:《Uni-app原生插件入門使用教程「2」:如何離線使用原生插件》(文章地址),對應插件地址:插件鏈接
試用的時候,建議試用在線的收費版插件(反正試用的時候免費的),為啥不用免費版呢... 因為免費版需要到我們網站注冊才能獲取到30天的免費試用,反而變得麻煩了;為啥不用離線包呢... 因為這不僅需要到我們網站注冊,而且更關鍵的是超過40M的包去打包是要收費的,能白嫖的盡量白嫖吧...大家賺錢都不容易。
2、騰訊雲中開通服務並獲取相關參數(這里的每一步都要照做,后面要考...)
2.1 登錄騰訊雲,並找到“即時通訊IM”
首先麻煩您登陸騰訊雲管理后台(跳轉鏈接),(萬一、如果、假設很幸運的你沒有騰訊雲賬號,順帶你想用免費版,可以直接私信后台,也可以添加微信:zhimitec,獲取我的推廣信息之后再注冊。天下沒有免費的午餐,你免費的東西我得從你在騰訊雲的消費中拿回來不是)登陸之后您將進入新版管理界面,舊版管理界面用戶請自行切換至新版管理界面。進入之后,請在首頁搜索框輸入“即時通信 IM”,點擊搜索結果進入 即時通信 IM應用總覽。

2.2 創建應用
進入 即時通信 IM應用總覽 之后,點擊創建應用(如已有相關應用請跳過這一步)。

創建完成之后,我們需要點擊已經創建的應用進入應用管理面板。

2.3 獲取SDK_AppID(這里一會要考,看仔細嘍...)
如圖所示這是我們剛剛創建的“TXIM”應用對應的管理面板,我們需要記錄 應用資料 - SDKAppID,稍后在uniapp項目中我們需要用到,如圖所示,我們的SDKAppID是1400521882(請實際開發中使用您自己創建的應用對應的SDKAppID,請勿使用1400521882)

2.4 獲取UserID和User Sign(這里一會要考,看仔細嘍...)
測試時候生成的UserID + UserSign有效期為180天,需要通過騰訊雲后台生成,在前面“准備環境”一文提到過的應用后台,具體操作如下。

請注意,用戶名(UserID)使用數字/字母/數字+字母的組合,請勿使用中文,否則將導致登陸或發送消息時候拋異常無法正常使用。
2.5 官方SDK文檔
因為我們的DEMO無法調用到所有的方法,但是我們在對接的時候盡量按照官方SDK的API進行了暴露,請多看官方SDK。
文檔地址:鏈接
3、將DEMO中騰訊雲部分參數更換為您自己的參數
3.1 替換SDK_AppID
請按照步驟2.3進行獲取並完成替換。

3.2 替換UserID和User Sign
按照步驟2.4進行獲取並完成替換,代碼里面是10001用戶登錄,發送給10002,要看下獲取到的數據的話,得換成10002登錄,然后看數據回調就能看到10001發過來的數據啦。

4、運行DEMO
此DEMO只包含了單聊部分的接口,群聊部分的接口插件中也進行了集成,可以根據官方SDK的說明直接使用

5、付費版DEMO展示
當然了,做到付費版的DEMO樣子,光一個IM插件是不夠滴,拍照、拍攝視頻、圖片/視頻選擇這部分使用了相冊插件,語音視頻通話使用了騰訊的實時直播插件,消息推送使用了騰訊的TPNS,后續文章我們會先將用到的插件一個個分解講述怎么把每個插件跑起來,最后再來寫一個用Uniapp來實現微信的整個過程和關鍵代碼(PS:源碼目前來說我們只提供給IM付費客戶,誰讓IM的返點幾乎木有呢)。



智密科技,專業開發各類Uniapp原生插件、目前交付給客戶的插件已經超過100個各類插件,正在陸續整理上架並分享一切關於Uni-app的教程、資訊。歡迎加入QQ群與作者一起討論uni-app!
插件使用交流QQ群:755910061