Uni-app原生插件入門使用教程-[1]從Uni-app插件市場試用插件


[1]Uniapp插件市場試用插件

HBuilderX中提供的能力無法滿足App功能需求,需要通過使用Andorid/iOS原生開發實現時,可使用App離線SDK開發原生插件來擴展原生能力。

如使用Uniapp開發直播功能時,需要調用騰訊的直播SDK,騰訊直播SDK未提供Uniapp的調用方法,按照Uniapp提供的開發文檔,將原生SDK封裝為Uniapp可以調用的原生插件后即可使用Uniapp使用原生SDK

開發原生插件需要具備一定的安卓/IOS原生開發功底,對於前端人員來說,Uniapp提供了插件市場功能,插件市場中包含大量的原生插件,能解決前端開發人員的一些問題,接下來我們就拿一個相冊插件來演示下,怎么來試用插件市場中的原生插件。

1、我們前往https://ext.dcloud.net.cn/?cat1=5&cat2=51,進入插件市場中的Uniapp原生SDK,然后搜索“智密”,找到“智密-相機相冊插件”(PS:這個插件即將被新版插件代替,此插件將停止維護,盡量別使用啦,不過試用還是沒毛病的)

 

 

 

2、點擊插件進入插件詳情界面,點擊“下載示例項目ZIP”,如果您未登錄的話,請試用賬號登錄后完成下載。

 

 

 

3、HbuilderX中打開項目,並配置項目的AppID(請確保HbuilderX已經使用賬號登錄,並確保與插件市場登錄的賬號一致)

 

 

 

4、在插件市場中,點擊瀏覽器的刷新按鈕,確保剛創建的AppID能出現在試用的APP清單中

 

 

 

5、HbuliderX中,進入App原生插件配置,將本地插件刪除,然后選擇雲端插件后確定。

 

 

 

 

 

 

6、進入App圖標配置,選擇一張圖片后,點擊“自動生成所有圖標並替換”,自動配置完所有的圖標

 

 

 

7、點擊菜單中的[發行]-[原生APP-雲打包(P)],對打包選項進行選擇,注意必須選擇“打自定義調試基座”

 

 

 

8、如果出現錯誤提示“代碼使用了scss/sass語言,但未安裝相應編譯器”,請通過菜單[工具]-[插件安裝]-[安裝新插件]-[前往插件市場安裝]-搜索“scss-“使用HbuilderX 導入插件”,系統自動會安裝完成插件,安裝完成插件后,繼續按照步驟[7],進行打包,打包隊列較長時,可能需要長時間等待

 

 

 

9、這種狀態就在正常打包了,慢慢等吧..

 

 

 

10、經過漫長的等待,總算看到了勝利的曙光...

 

 

 

11、准備運行到手機上試試效果吧,不過在那之前還有個特別要注意的,要選擇”自定義調試基座”。

 

 

 

12、迫不及待的把他運行到手機吧,記得打開手機的USB調試,改點確定的時候毫不猶豫的點確定....

 

 

 

13、手機上看到了最終效果了,這個相冊支持拍照,錄制視頻,限制選擇,解決Uniapp相冊中圖片多就卡頓的問題,支持對圖片進行編輯,添加文字、表情、馬賽克、截圖等功能,但是因為用了不靠譜的第三方,只能放棄,后續我們將推出長期維護版的相冊插件。

 

 

 

 

 

 

最后咱給自己打個廣告,智密科技,專業開發各類Uniapp原生插件、目前交付給客戶的插件已經超過100個各類插件,正在陸續整理上架.....,插件使用交流QQ群:755910061


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM