ionic2踩坑之自定義插件開發及調用


關於ionic2自定義插件開發的文章,插件怎么調用的文章,好像網上都有,不過作為一個新手來說,從插件的開發到某個頁面怎么調用,沒有一個完整的過程的話,兩篇沒有關聯的文章也容易看的迷糊。這里放到一起來方便后來人吧。

1、安裝plugman

npm install -g plugman。

2、生成插件框架

plugman create --name <pluginname> --plugin_id <pluginid> --plugin_version 0.0.1

如:plugman create --name MyPlugin --plugin_id com.test.helloworld --plugin_version 0.0.1。

執行完之后會自動幫我們生成一套代碼框架,這個放哪里生成都一樣的,這里我以項目根目錄為例。執行之后根目錄多了一個文件夾,如圖:

這個時候src下面是空的。

3、添加平台支持

進入插件目錄,運行相應的平台支持命令

 

這里以android為例,ios也是一樣的。

現在src下面就多了個目錄了,如圖:

4、安裝插件

進入項目的根目錄

ionic plugin add 你插件的存儲路徑

如:

ionic plugin list看一下,如圖:

到了這里,最后一個問題來了,怎么調用呢?

1、在你的ts文件中定義一個方法,如圖:

2、因為是ts,在這個ts的@Component之前,import之后,寫一句declare let cordova: any;不然會報錯。因為ts里要給他申明類型。

3、頁面定義一個單擊事件,調用fun()。

 

cordova.plugins.MyPlugin.coolMethod方法哪來的,你看看MyPlugin.js這個文件里面就知道了。

 


免責聲明!

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



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