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)

桌面创建插件JSPlugin

3.创建package.json 文件

cd 到插件文件夹下,plugman createpackagejson [插件路径]

注意:一些插件信息直接回车就可以,也可以填写信息 

生成package.json

4.添加插件类

   打开JSPlugin文件夹,在src下添加 ios文件夹,在ios文件中添加插件类如图:

位置图

代码如下图:

JSCustomPlugin.h JSCustomPlugin.m

5.修改 plugin.xml

plugin.xml

6.配置www文件下的JSPlugin.js

JSPlugin.js

恭喜你自定义插件完成  接下来 我们加入插件 将我们的插件导入到cordova项目中 去测试

7.加入插件方法:sudo cordova plugin add [插件路径]

加入插件

加入成功之后的iOS页面效果

iOS效果


www包中效果

8.H5页面调用

H5调用

9.yuan's

原生收到的响应

恭喜你 自定义组件 圆满成功!

上一篇 下一篇

猜你喜欢

热点阅读