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这个文件里面就知道了。