由于ionic是基于cordova进行插件管理的,在实际的项目过程中。有时候需要自定义插件来满足业务的需求。
1.安装好环境。
2.安装plugman:在终端输入 sudo npm install -g plugman。
3.新建一个插件:plugman create --name TestPL --plugin_id com.bwpl.TestPL --plugin_version 0.1.
![](https://img.haomeiwen.com/i1317543/2ee047f1ea01178a.png)
4.添加平台,可以选择iOS或者是android。这里以iOS为例子。cd 到插件目录。执行命令行 plugman platform add --platform_name ios
![](https://img.haomeiwen.com/i1317543/e38f15ea1f64bd50.png)
5.将插件添加到自己的工程。
![](https://img.haomeiwen.com/i1317543/8ce83d40e0e22f5d.png)
6.添加完了之后就是开始调用,网上很多方法有误导人的倾向,也可能是自己js基础不好。使用plugman添加的工程不需要在去更改配置文件。直接调用。
![](https://img.haomeiwen.com/i1317543/7db80f003af07181.png)
![](https://img.haomeiwen.com/i1317543/a97a8303b91a9626.png)
备注:为什么这里是使用cordova.plugins.TestPL.coolMethod,我们打开plugin.xml,可以看到,可能也是由于自己的js基础差,所以这里花费了很多时间。其它的一些实例使用window.TestPL.coolMethod,或者cordova..TestPL.coolMethod都有,另外是需要手动去配置plugin.xml,所以一开始写插件的时候总是没能调用成功。
![](https://img.haomeiwen.com/i1317543/bef37f296bc82bb2.png)
6.点击“点击”按钮的时候我们可以看到控制台的输出。
![](https://img.haomeiwen.com/i1317543/41488869f598c770.png)
![](https://img.haomeiwen.com/i1317543/bd8c8f5ff830c6eb.png)
网友评论