美文网首页
ionic 自定义插件

ionic 自定义插件

作者: BairdWeng | 来源:发表于2016-05-18 16:52 被阅读2885次

     由于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.将插件添加到自己的工程。

添加插件到我的工程

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

在工程里面添加一个button,并设置点击的方法。 在Controller里面直接调用。

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

调用的时候跟target的值对应

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

safari的控制台也可以收到ios的回调。

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

相关文章

网友评论

      本文标题:ionic 自定义插件

      本文链接:https://www.haomeiwen.com/subject/btsdrttx.html