ionic 自定义插件
2016-05-18 本文已影响2885人
BairdWeng
由于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

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

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


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

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

