iOS使用plugman 创建Cordova插件-新闻详情

iOS使用plugman 创建Cordova插件


发布时间:2018-09-30责任编辑:满帅 浏览:1908


准备工作

1.安装  node.js 主要使用了node.js 的包管理工具npm

npm 安装完成了以后可以执行 npm -v 验证下是否安装成功

 

1.png 

2.安装 plugman (全局安装)

 npm install -g plugman

 

安装完可以执行 plugman -v 验证下是否安装成功 如安装成功:

 2.png

 

 

 

到这一步基本准备工作已完成,下面就可以开始开发你的插件了。

创建插件

1. cd <到你需要存放插件的地方>

2.执行一下命令创建插件

 MyPlugin 为例

 

plugman create --name <pluginName> --plugin_id <pluginID> --plugin_version <version> [--path <directory>] [--variableNAME=VALUE]

 

参数:

pluginName: 插件名字

pluginID: 插件id,

oversion: 版本,

directory:一个绝对或相对路径的目录,该目录将创建插件项目 variable NAME=VALUE: 额外的描述,如作者信息和相关描述

egg : plugman create --name thirdLogin --plugin_id com.laki.thirdLogin --plugin_version 0.0.1

 

创建成功以后MyPlugin文件夹下会出现一个thirdLogin的文件夹:

 

 

 3.png

 

 

 

 

3. 为插件添加支持平台

   •     cd 到你的插件根目录

   •     执行一下命令:

 

plugman platform add --platform_name <platform>

egg : plugman platform add --platform_name iOS

 

 

4. 编写你的插件实现功能

js开发的类一定要继承CDVPlugin

 

5. 创建package.json文件

plugman createpackagejson <directory>

egg: plugman createpackagejson 插件路径

 

然后需要你根据提示填写相关的内容,最后生成一个这个插件的描述信息文件

如图: 最后,输入yes就行了

 

4.png 

 

 

 

 

 

 

 

 

6. 注意项

基本到了这一步,一个简单的插件已经创建完了, 下面就是验证工作了。

不过,还有些地方应该注意的。

 

5.png 

 

 

 

 

 

 

 

 

 

 

    •      clobbers 中的 target 限制了你如何调用插件

    •      config-file 中的内容会被配置到工程的config.xml

    •      source-file 指定了插件的路径

 

 

使用插件

新建或打开一个cordova项目,然后执行:

 

cordova plugin add <你的插件(名称路径git地址)>

egg: cordova plugin add /Users/charls/Desktop/MyPlugins/MyPlugin

 

新增iOS平台

 

cordova platform add ios —save

 

 

最后在使用的js中调用即可

cordova.exec(success,failed,OC类名,OC类中要调用的方法名,JS要传到OC的参数);

6.png


项目开发组   供稿