cordova android 插件开发,开发属于自己的cordova插件

1.下载plugman

npm install -g plugman

2.创建插件命令

plugman create --name --plugin_id --plugin_version [--path ] [--variableNAME=VALUE]

参考例子

plugman create --name WoodyPlugin --plugin_id woodyPlugin --plugin_version 0.0.1

3.参数介绍:

pluginName: 插件名字

pluginID: 插件id : woodyPlugin

oversion: 版本 : 0.0.1

directory:一个绝对或相对路径的目录,该目录将创建插件项目

variable NAME=VALUE: 额外的描述,如作者信息和相关描述

4.生成插件的文件目录

bVLAOx?w=260&h=173

5.根据在不同平台(ios,android,winphone)开发,一般在src目录上创建不同平台的文件夹,下面以android项目举例子,在src下创建一个android目录和一个空Test.java类

bVLAOB?w=272&h=251

6.plugin.xml的配置

打开plugin.xml你会看到如下已经生成的配置

WoodyPlugin

参数介绍:

id: 插件的id

version: 插件的版本

name: 插件的名字

clobbers: 这个是js代码调用原生代码的引用

7.WoodyPlugin.js的配置

打开WoodyPlugin.xml你会看到如下已经生成的配置

var exec = require('cordova/exec');

exports.woodyMethod = function(arg0, success, error) {

exec(success, error, "WoodyPlugin", "woodyMethod", [arg0]);

};

8.完整plugin.xml和WoodyPlugin.js

plugin.xml

WoodyPlugin

WoodyPlugin.js

var exec = require('cordova/exec');

exports.woodyMethod = function(arg0, success, error) {

exec(success, error, "WoodyPlugin", "woodyMethod", [arg0]);

};

看到plugin.xml在之前的基础上新加了节点.其中feature对应着WoodyPlugin.js中exec(success, error, "WoodyPlugin", "woodyMethod", [arg0]);第3个参数,这个两处的参数必须一致,不然插件调用不起来,exports.woodyMethod和第4个参数也必须一致,这个是调用原生代码中的方法.

9.插件的安装

我的插件所在的路径是D:WoodyPlugin

首先切换到自己创建android工程的目录 cd YourProjectName

执行插件安装命令 cordova plugin add D:WoodyPlugin

执行完之后你就发现插件已经安装上去了

如果你想卸载插件的话,执行cordova plugin remove 你的plugin_id

cordova plugin remove WoodyPlugin

10.完善Test.java插件类

import org.apache.cordova.CallbackContext;

import org.apache.cordova.CordovaPlugin;

import org.json.JSONArray;

import org.json.JSONException;

public class Test extends CordovaPlugin{

private CallbackContext mCallbackContext;

@Override

public boolean execute(String action, JSONArray args, CallbackContext callbackContext) throws JSONException {

this.mCallbackContext = callbackContext;

if("woodyMethod".equals(action)){

String msg = args.getString(0);

callbackContext.success("success"+msg);

return true;

}

mCallbackContext.error("error");

return false;

}

}

if(“woodyMethod”.equals(action))中的woodyMethod对应WoodyPlugin.js中的exports.woodyMethod和exec方法的第4个参数

11.在js中如何调用

找到cordova_plugins.js文件,在该文件中找到你创建插件clobbers的属性,以我的插件为例,clobbers是woody.plugins.WoodyPlugin。

在js调用时就可以按照如下命令调用

woody.plugins.WoodyPlugin.woodyMethod('Hello woody!',function(msg){

alert(msg);

},function(msg){

alet(msg);

})

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值