Cordova+Angularjs+Ionic混合開發(fā)入門篇(四)—— 插件的簡(jiǎn)單使用

??:如果工程中使用手動(dòng)方式加入插件了,那么就一直使用手動(dòng)加入方式就行了,否則使用命令加入時(shí)會(huì)清除其他插件,就會(huì)造成工程頁面全白了。

插件的使用方式,均采用命令行方式安裝使用。下面主要講網(wǎng)絡(luò)插件和本地插件的使用。plugman生成的插件只有src、www和plugin.xml ?這3個(gè)東西,package.json是手動(dòng)命令添加的,因?yàn)樯弦黄薪榻B,所以只重點(diǎn)講如何與js交互進(jìn)行使用插件。

plugin.xml文件的位置


src下放的就是自定義支持的平臺(tái)相關(guān)文件


無論支持幾個(gè)平臺(tái),www下只有一個(gè)js文件


注意:上面所有的圖片都是本人現(xiàn)做現(xiàn)賣,實(shí)用的環(huán)境是nodeJS? 6.11.1,cordova是7.0.1。iOS的插件類只生成了.m文件,如果你想自定義的話,需要往下看嘍,其實(shí)就是修改xml里面的配置就可以了。

一:網(wǎng)絡(luò)插件

1.? ? cd? ? 【ionic項(xiàng)目地址】 ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?到ionic項(xiàng)目里, 運(yùn)行命令

2. ? cordova ? ? plugin ? ?add ?【plugin_id】 ? ? ? ? ? ? ?即可。

3. ? cordova ? ?plugin ? ?ls ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? 可查詢是否安裝成功

二:本地插件

1.? ? cd? ? 【ionic項(xiàng)目地址】? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? 到ionic項(xiàng)目里, 運(yùn)行命令

2.? cordova? ? plugin? ? add? 【本地插件地址】? ? ? ? ? ? ? 即可。

3.? cordova? ? plugin? ? ls? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? 可查詢是否安裝成功

擴(kuò)展:

本地插件如果需要添加與js進(jìn)行交互的方法,則需要做三個(gè)地方的處理。

第一:類的.h文件里聲明函數(shù)名時(shí)應(yīng)該帶有(CDVInvokedUrlCommand*)command參數(shù):

例如:+ (void)BindUser:(CDVInvokedUrlCommand*)command;

第二:修改plugin.xml


header與source文件分別對(duì)應(yīng)h與m文件

注意:插件創(chuàng)建好之后會(huì)自動(dòng)創(chuàng)建好一個(gè).m文件,如果是自己創(chuàng)建的需要在這里填寫一下。

第三:修改www里的js文件

供js調(diào)用的方法

注意:需要與js交互的方法就是指帶“:(CDVInvokedUrlCommand*)command”參數(shù)的方法。按照上面的格式寫就行了。明眼人一看就懂,這里我就不廢話了。

到此為止,已經(jīng)OK啦!??!

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容