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

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

我的cordova version is 4.0.0

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

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

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

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

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 可以随便写，它是插件的标识符；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

秒客网

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

相关文章