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

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

插件的使用方式,均采用命令行方式安裝使用。下面主要講網(wǎng)絡插件和本地插件的使用。plugman生成的插件只有src、www和plugin.xml ?這3個東西,package.json是手動命令添加的,因為上一篇有介紹,所以只重點講如何與js交互進行使用插件。

plugin.xml文件的位置


src下放的就是自定義支持的平臺相關文件


無論支持幾個平臺,www下只有一個js文件


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

一:網(wǎng)絡插件

1.? ? cd? ? 【ionic項目地址】 ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?到ionic項目里, 運行命令

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

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

二:本地插件

1.? ? cd? ? 【ionic項目地址】? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? 到ionic項目里, 運行命令

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

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

擴展:

本地插件如果需要添加與js進行交互的方法,則需要做三個地方的處理。

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

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

第二:修改plugin.xml


header與source文件分別對應h與m文件

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

第三:修改www里的js文件

供js調用的方法

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

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

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

相關閱讀更多精彩內容

友情鏈接更多精彩內容