热门搜索 :
考研考公
您的当前位置:首页正文

cordova创建插件 plugin(使用plugman)

来源:东饰资讯网

由于在项目中用到了h5和oc的交互,综合考虑最后我们选择了cordova来写这个项目;

二、编写插件
1.创建一个Demo: qwerDemo

$ cd ~/Desktop 
$ cordova create qwerDemo  com.example.demo qwerDemo

注意: 创建项目可以cordova create qwerDemo 也可以cordova create qwerDemo com.example.demo qwerDemo 后者的区别在于第一个qwerDemo是目录文件夹的名字 ,com.example.demo指的是项目的bundleId,在目录里的config.xml有提现,第二个 qwerDemo指的是项目中的名字

2.进入工程目录

$ cd qwerDemo/

3.创建平台(这里仅以ios为例)

$ cordova platform add ios

4.安装plugman:

npm install -g plugman 

如果安装不成功,出现这种情况:

1-1.jpg
报错的情况下就用: sudo npm install -g plugman
按照提示输入密码即可成功安装。
cordova plugin add cordova-plugin-device

查看插件

cordova plugin list

删除插件

cordova plugin rm cordova-plugin-device

②自定义创建插件
创建一个插件名为MyFood, ID为com.china.food,版本号为1.0.0的插件

plugman create --name  MyFood --plugin_id  com.china.food --plugin_version 1.0.0

进入插件目录

cd MyFood

plugin.xml 增加ios平台

plugman platform add --platform_name ios

目录结构如下:


1-2
1-3

接下来修改src/ios/MyFood.m中的内容

1-4

修改调用

1-5

最后在插件目录使用:

$ cd MyFood
$ sudo plugman createpackagejson . 

可以生成一个 package.json,防止安装插件时出现:
Error: Invalid Plugin! xxxxx needs a valid package.json
输入开机密码之后,所有的提示都直接回车即可。

现在插件写好了,就可以添加插件了

$ cd qwerDemo
$ cordova plugin add ../MyFood

如果执行命令的时候报错,则换成指令
$ cordova plugin add /Users/xxx/Desktop/qwerDemo/MyFood
即这个文件的目录拖进来。
这个时候打印cordova plugin ls 如下

1-6
到现在为止,插件的制作已经完成,打开项目qwerDemo/platforms/ios/qwerDemo.xcworkspace运行项目,项目运行成功
1-7
工程Demo已经上传至,
Top