ionic 自定义插件

     由于ionic是基于cordova进行插件管理的,在实际的项目过程中。有时候需要自定义插件来满足业务的需求。

1.安装好环境。

2.安装plugman:在终端输入 sudo npm install -g plugman。

3.新建一个插件:plugman create --name TestPL --plugin_id com.bwpl.TestPL --plugin_version 0.1.

创建的插件


4.添加平台,可以选择iOS或者是android。这里以iOS为例子。cd 到插件目录。执行命令行 plugman platform add --platform_name ios


添加iOS


5.将插件添加到自己的工程。


ionic 自定义插件_第1张图片
添加插件到我的工程

6.添加完了之后就是开始调用,网上很多方法有误导人的倾向,也可能是自己js基础不好。使用plugman添加的工程不需要在去更改配置文件。直接调用。


ionic 自定义插件_第2张图片
在工程里面添加一个button,并设置点击的方法。



ionic 自定义插件_第3张图片
在Controller里面直接调用。

备注:为什么这里是使用cordova.plugins.TestPL.coolMethod,我们打开plugin.xml,可以看到,可能也是由于自己的js基础差,所以这里花费了很多时间。其它的一些实例使用window.TestPL.coolMethod,或者cordova..TestPL.coolMethod都有,另外是需要手动去配置plugin.xml,所以一开始写插件的时候总是没能调用成功。

ionic 自定义插件_第4张图片
调用的时候跟target的值对应

6.点击“点击”按钮的时候我们可以看到控制台的输出。


ionic 自定义插件_第5张图片
safari的控制台也可以收到ios的回调。

7.最后是该demo的下载地址,希望大家可以少走点弯路。

你可能感兴趣的:(ionic 自定义插件)