當HBuilderX中提供的能力無法滿足App功能需求,需要通過使用Andorid/iOS原生開發實現時,可使用App離線SDK開發原生插件來擴展原生能力。
如使用Uniapp開發直播功能時,需要調用騰訊的直播SDK,騰訊直播SDK未提供Uniapp的調用方法,按照Uniapp提供的開發文檔,將原生SDK封裝為Uniapp可以調用的原生插件后即可使用Uni-app使用原生SDK。
開發原生插件需要具備一定的安卓/IOS原生開發功底,對於前端人員來說自己開發原生插件有一定的難度,智密科技已經為客戶定制交付了100多個原生插件,插件正在慢慢地整理上架,之前文章《Uni-app原生插件入門使用教程[1]:從Uni-app插件市場獲取並試用插件》 (文章鏈接)說了如果從插件市場進行試用,但是插件上架需要經過DCloud審核,對於比較急的功能來說不一定適合,這篇文章我們來說下怎么來使用離線原生插件,以便更加靈活和及時的使用最新插件。
1、我們前往智密科技官網(鏈接:智密科技官網 ),進入UNI-APP插件中找到"騰訊音視頻通話插件(一對一和一對多)"
點擊插件進入插件詳情界面,向下滾動,到底部后,點擊"示例工程下載",下載示例工程。
點擊免費試用,按照提示信息填寫相關信息,盡量正確填寫,以免后面碰到問題,特別注意包名的填寫,這個必須要和后面生成APP時使用的包名一致,否則插件無法使用。信息填寫完成后,注意看彈出的框,並點擊下載插件。
示例工程和插件都到手后,對文件進行解壓,解壓后打開插件目錄中的package.json,獲取插件id,當前插件的id為Zhimi-TRTCCalling-local,將插件文件夾重命名為Zhimi-TRTCCalling-local,並將文件夾放到工程nativeplugins目錄下。
在HbuliderX中打開工程,進入基礎配置,點擊"重新獲取",獲取新的AppID
進入App原生插件配置,先刪除工程帶的插件,然后選擇本地插件,選擇完成后點擊"確認"。
進入App圖標配置,選擇一張圖片后,點擊"自動生成所有圖標並替換",自動配置完所有的圖標
點擊菜單中的[發行]-[原生APP-雲打包(P)],對打包選項進行選擇,注意必須選擇"打自定義調試基座",安卓包名一定要和剛才填寫的App包名一致。
如果出現錯誤提示"代碼使用了scss/sass語言,但未安裝相應編譯器",請通過菜單[工具]-[插件安裝]-[安裝新插件]-[前往插件市場安裝]-搜索"scss"-"使用HbuilderX 導入插件",系統自動會安裝完成插件,安裝完成插件后,繼續按照步驟[7],進行打包,打包隊列較長時,可能需要長時間等待
這種狀態就在正常打包了,慢慢等吧..
經過漫長的等待,總算看到了勝利的曙光...
准備運行到手機上試試效果吧,不過在那之前還有個特別要注意的,要選擇"自定義調試基座"。
迫不及待地把它運行到手機吧,記得打開手機的USB調試,改點確定的時候毫不猶豫地點確定....
手機上看到了最終效果了,點擊按鈕,你會發現登錄失敗,巴拉巴拉反正就是用不起來,不要慌,智密出品的插件絕對好用,不好用你來咬我,后面的文章會介紹這個插件還需要配置哪些東西,這篇文章到此結束,后面的文章再來說需要配置哪些東西,可以在Uniapp中實現一對一語音視頻聊天,多人語音視頻聊天,在線會議等等功能。
智密科技,專業開發各類Uniapp原生插件、目前交付給客戶的插件已經超過100個各類插件,正在陸續整理上架並分享一切關於Uni-app的教程、資訊。歡迎加入QQ群與作者一起討論uni-app!
插件使用交流QQ群:755910061
