關於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這個文件里面就知道了。