cordova 自定义插件(iOS)
2022-12-31 本文已影响0人
hi_universe
1.plugman安装
sudo npm install -g plugman
2.创建插件
sudo plugman create --name 插件名 --plugin_id 插件id --plugin_version 版本号
注意:plugin_id 插件id 做唯一标识 可用来删除插件( sudo cordova plugin remove org.wyh.cordova)
![](https://img.haomeiwen.com/i4781359/41432b0feedee069.png)
3.创建package.json 文件
cd 到插件文件夹下,plugman createpackagejson [插件路径]
注意:一些插件信息直接回车就可以,也可以填写信息
![](https://img.haomeiwen.com/i4781359/a178cd1652dd8579.png)
4.添加插件类
打开JSPlugin文件夹,在src下添加 ios文件夹,在ios文件中添加插件类如图:
![](https://img.haomeiwen.com/i4781359/3f74f90cb70d471b.png)
代码如下图:
![](https://img.haomeiwen.com/i4781359/284a7072c5305595.png)
![](https://img.haomeiwen.com/i4781359/d6dd17c93cdab145.png)
5.修改 plugin.xml
![](https://img.haomeiwen.com/i4781359/7cad2810d463f87f.png)
6.配置www文件下的JSPlugin.js
![](https://img.haomeiwen.com/i4781359/cbca10ceb6f65c12.png)
恭喜你自定义插件完成 接下来 我们加入插件 将我们的插件导入到cordova项目中 去测试
7.加入插件方法:sudo cordova plugin add [插件路径]
![](https://img.haomeiwen.com/i4781359/47721bd6be9a32ac.png)
加入成功之后的iOS页面效果
![](https://img.haomeiwen.com/i4781359/73c4d59311f08c37.png)
![](https://img.haomeiwen.com/i4781359/abd5b76fea994b9c.png)
8.H5页面调用
![](https://img.haomeiwen.com/i4781359/eebff908ad19dbf4.png)
9.yuan's
![](https://img.haomeiwen.com/i4781359/186c1fe5eaeed843.png)
恭喜你 自定义组件 圆满成功!