安裝開發(fā)工具

我們選用微信小程序來用做示例(如果選擇百度、支付寶安裝對應(yīng)開發(fā)者工具即可)、

微信開發(fā)者工具建議還是安裝最新版的。uni-app的開發(fā)也必須安裝HBuilderX工具,這個是捆綁的,沒得選擇。要用uni-app,你必須得裝!

工具安裝:

微信開發(fā)者工具

HBuilderX

項目demo介紹:

基于環(huán)信sdk在uni-app中快速開發(fā)多平臺社交Demo

項目demo啟動預(yù)覽:

基于環(huán)信sdk在uni-app中快速開發(fā)多平臺社交Demo

快速集成環(huán)信 sdk:

1、復(fù)制整個utils文件

基于環(huán)信sdk在uni-app中快速開發(fā)多平臺社交Demo

如果你想具體了解主要配置文件 請看這個鏈接:

http://docs-im.easemob.com/im/web/intro/start

2、如何使用環(huán)信的appkey ,可以在環(huán)信 console 后臺注冊一個 賬號申請appkey ,可以參考這里,獲取到 appkey 以后添加到配置文件中 ,如下圖所示:

基于環(huán)信sdk在uni-app中快速開發(fā)多平臺社交Demo

以上兩個重要的配置準(zhǔn)備完成之后就可以進(jìn)行一系列的操作了(收發(fā)消息、好友申請、進(jìn)群入群通知等)

在uni-app中 使用環(huán)信 sdk 實現(xiàn)添加、刪除好友:

1、在全局 App.vue 文件 鉤子函數(shù) onLaunch() 中監(jiān)聽各種事件 (好友申請、收到各類消息等)如圖:

基于環(huán)信sdk在uni-app中快速開發(fā)多平臺社交Demo

發(fā)送好友請求:

基于環(huán)信sdk在uni-app中快速開發(fā)多平臺社交Demo

在onPresence(message)事件中接收到好友消息申請:

基于環(huán)信sdk在uni-app中快速開發(fā)多平臺社交Demo

同意好友請求:

基于環(huán)信sdk在uni-app中快速開發(fā)多平臺社交Demo

拒絕好友請求:

基于環(huán)信sdk在uni-app中快速開發(fā)多平臺社交Demo

  實現(xiàn)收發(fā)消息:

1、給好友發(fā)送消息:

基于環(huán)信sdk在uni-app中快速開發(fā)多平臺社交Demo

2、接收到消息:

在onTextMessage(message)事件中接收到好友消息,然后做消息上屏處理(具體消息上屏邏輯可看demo中代碼示例):

基于環(huán)信sdk在uni-app中快速開發(fā)多平臺社交Demo

以上展示的僅僅為基本業(yè)務(wù)場景,更多的業(yè)務(wù)邏輯詳情請看demo示例。api具體詳情可以查看環(huán)信sdk 文檔

最后結(jié)語:基于uni-app這個框架可實現(xiàn)多平臺, 雖然目前一期集成環(huán)信sdk的版本僅支持微信小程序版本,但二期我們將加入頭條、支付寶等小程序,敬請期待。PS:對于安卓、ios移動端,我們建議使用針對移動端開發(fā)的sdk版本。

基于uni-app的開發(fā)其中也趟了不少坑,在這里就不多贅述了?;貧w到框架的選型來講,選用uni-app開發(fā)小程序,可同時并行多端小程序,這點是真香,一次開發(fā)多端發(fā)布。至于審核嘛~ 時快時慢。

分享到

songjy

相關(guān)推薦