探索phonegap插件开发

　　由于公司主要做phonegap跨平台开发，一直对开发phonegap插件有点感冒，查询了一下博客资料后开始实践验证一下，以作敲门砖。

　　直接上干货，如下：

主要步骤：

1，cordova新建一个工程，并添加android平台

2，把cordova工程导入到Eclipse

3,在src目录下编写java文件

4,在res/xml 目录下配置  config.xml 文件

5,在plugin目录下编写javascript接口文件

6,在assents 目录下的  cordova-plugins.js文件添加配置

7,最后，直接调用javascript接口文件中的测试方法

详细内容：

一、cordova新建一个工程，并添加android平台

通过控制台中的命令创建一个cordova工程，工程命名为“myPlugin”：

cordova create myPlugin com.example.myPlugin myPlugin
cd myPlugin
cordova platforms add android

二、把cordova工程导入到Eclipse

三、在src目录下编写java文件

package zxing.plugins;

import org.apache.cordova.CallbackContext;
import org.apache.cordova.CordovaPlugin;
import org.json.JSONArray;
import org.json.JSONException;

import android.content.Intent;
import android.util.Log;
import android.widget.Toast;

import com.example.myPlugin.MainActivity;

/*
 *自制cordova插件 test_plugin
 * 
 */

public class test_plugin extends CordovaPlugin {

    CallbackContext callbackContext;
    
    public test_plugin(){
        
    }
    
    @Override
    public boolean execute(String action, JSONArray args, CallbackContext callbackContext) throws JSONException {
        
        this.callbackContext = callbackContext;
        
        if(action.equals("getname")){
            String msg = args.getString(0);
            callbackContext.success(msg);
            return true;
        }
        return false;
    }
    
}

四、在res/xml 目录下配置  config.xml 文件

<feature name="Test">
        <param name="android-package" value="zxing.plugins.test_plugin" />
</feature>

五、在plugin目录下编写javascript接口文件

cordova.define("zxing.plugins.test", function(require, exports, module) { 

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



module.exports = {

    /**
     * 一共5个参数
       第一个 :成功会掉
       第二个 :失败回调
       第三个 :将要调用的类的配置名字(在config.xml中配置 稍后在下面会讲解)
       第四个 :调用的方法名(一个类里可能有多个方法 靠这个参数区分)
       第五个 :传递的参数  以json的格式
     */22     getname: function(args) {
        exec(function(data){
            alert(data);
        }, null, "Test", "getname", [args]);
    }
};

});

六、在assents 目录下的  cordova-plugins.js文件添加配置

cordova.define('cordova/plugin_list', function(require, exports, module) {
module.exports = [
    {
        "file": "plugins/cordova-plugin-whitelist/whitelist.js",
        "id": "cordova-plugin-whitelist.whitelist",
        "runs": true
    },  
    {  
        "file": "plugins/test.js",  
        "id": "zxing.plugins.test",  
        "merges": [  
            "navigator.test"  
        ]  
    }
];
module.exports.metadata = 
// TOP OF METADATA
{
    "cordova-plugin-whitelist": "1.0.0",  
    "zxing.plugins.test" :"0.0.1"
}
});

七、最后，直接调用javascript接口文件中的测试方法

//调用getname方法
navigator.test.getname("EricCui");

最后运行的效果图：

总结：

　　这是一次好的开始，心里有点小激动^..^，继续努力。。