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

还是需要开发出自己的插件的...

我的cordova  version is 4.0.0 

1.需要新建一个文件夹为 myplugin

1.1在myplugin文件夹下 新建 plugin.xml文件  www文件夹  src文件夹 

1.2 在src文件夹下 新建 Android iOS 文件夹等

如图

2. 在Android文件夹下console.java 文件

package cn.debi.cordova;
import org.apache.cordova.CordovaWebView;
import org.apache.cordova.CallbackContext;
import org.apache.cordova.CordovaPlugin;
import org.apache.cordova.CordovaInterface;
import org.json.JSONArray;
import org.json.JSONException;
import org.json.JSONObject;
import android.util.Log;
public class Console extends CordovaPlugin {

    public boolean execute(String action, JSONArray args, CallbackContext callbackContext) 
            throws JSONException {
         String databack=args.getString(0);
        final String ACTIVITY_TAG="MyAndroid"; 20         if (action.equals("Consolelog")) {
            Log.i(ACTIVITY_TAG,databack);
            callbackContext.success(databack);
            return true;
        }
        return false;
    }
}

3.在www文件夹下新建 console.js文件

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

exports.setConsole = function(messege,success, error) {
    exec(success, error, "Console", "Consolelog", [messege]); //console 为java的类名，consolelog 为action 的字符串 
};

4. 在plugin.xml 

<?xml version="1.0" encoding="utf-8"?>
<plugin id="cn.debi.cordova" version="0.0.1" 
        xmlns="http://apache.org/cordova/ns/plugins/1.0"
        xmlns:android="http://schemas.android.com/apk/res/android">
    <name>Console</name>
    <description>Description</description>
    <js-module name="Console" src="www/Console.js">
        <clobbers target="cordova.plugins.Console"/>
    </js-module>
    <platform name="android">
        <config-file parent="/*" target="res/xml/config.xml">
            <feature name="Console">
                <param name="android-package" value="cn.debi.cordova.Console"/>
            </feature>
        </config-file>
        <source-file src="src/android/Console.java" target-dir="src/cn/debi/cordova"/>
    </platform>
</plugin>

其中

<plugin id="cn.debi.cordova" version="0.0.1">

</plugin>  中的id 可以随便写 ，它是插件的标识符  ；version 可以随便写

• description：描述信息 随便写了
• js-module：对应我们的 javascript 文件，src 属性指向 www/console.js   name 在我们调用js的时候用到 （如：

   var extraInfo = cordova.require('cn.debi.cordova.Console'); 

  ），我们也可以用 <clobbers></clobbers> 里面的target 的字符串则是 module.exports 导出来的函数赋值 该字符串；这样就简单了许多 如

  cordova.plugins.Console.setConsole()

• platform：支持的平台，这里仅仅用到了 android

• <param name="android-package" value="cn.debi.cordova.Console"/>  中的cn.debi.cordova 是console.java 的package 包名(也是路径)

  Console是类名；

•  <source-file src="src/android/Console.java" target-dir="src/cn/debi/cordova"/> target-dir 是copy到你的project的路径 

6. 使用插件的方法 即调用插件

    var extraInfo = cordova.require('cn.debi.cordova.Console'); //require 的字符串为 plugin.xml文件中的ID  + js-module 里面的name 
    extraInfo.setConsole('cole.log',function(message) {
         alert(message);
    }, function(message) {
         alert(message);
    });

// 第二种方法
//cordova.plugins.Console.setConsole('cole.log',function(message) { //注意到这里的cordova.plugins.Console 就是plugin.xml文件中的js-module 的<clobbers//></clobbers> 里面的target 的字符串

// alert(message);
// }, function(message) {
// alert(message);
// });

这里的cordova.require('cn.debi.cordova.Console')里面的 cn.debi.cordova 就是plugin.xml 中的id ;Console 则是js-module 里面的name 

即调用console.js 导出里面的方法

~  而 extraInfo.setConsole（）就是调用导出的方法

7. 忘了要添加插件  了  O(∩_∩)O~~

cordova plugin add myplugin  #目录名称，也可以是 git 的地址

cordova plugin add  /your/plugin/address/myplugin