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();
         final String ACTIVITY_TAG="MyAndroid";          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