cordova插件编写与使用

安装插件

npm install -g plugman

创建目录

plugman create --name EchoPlugin --plugin_id com.joker.cordova --plugin_version 1.0.0
创建成功后你将得到如下目录:

cordova插件编写与使用_第1张图片
创建目录

plugin.xml内容



    EchoPlugin
    
        
    

id为plugman创建命令使用的--plugin_id
version为创建命令使用的--plugin_version

添加android平台(插件)

cd EchoPlugin/
plugman platform add --platform_name android
执行后你将得到如下目录:

cordova插件编写与使用_第2张图片
添加android平台

EchoPlugin为默认插件,该插件返回调用的字符串参数。
EchoPlugin.java为继承CordovaPlugin插件的类,主要内容如下

public class EchoPlugin extends CordovaPlugin {

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

    private void coolMethod(String message, CallbackContext callbackContext) {
        if (message != null && message.length() > 0) {
            callbackContext.success(message);
        } else {
            callbackContext.error("Expected one non-empty string argument.");
        }
    }
}

核心方法execute执行JS的调用
接收参数:
action调用方法名,
args调用方法传递的参数
callbackContext异步回调函数,向JS返回执行结果

添加package.json

(插件安装需要)
添加后目录

cordova插件编写与使用_第3张图片
添加package.json

package.json内容

{
    "name": "cordova-plugin-echo",
    "version": "1.0.0",
    "description": "A sample Apache Cordova application that responds to the deviceready event.",
    "scripts": {
        "test": "echo \"Error: no test specified\" && exit 1"
    },
    "author": "Apache Cordova Team",
    "license": "Apache-2.0",
    "cordova": {
        "id": "cordova-plugin-echo",
        "platforms": [
            "android"
        ]
    }
}

文件内容根据自己使用调整

修改插件配置文件plugin.xml

cordova插件编写与使用_第4张图片
配置解析

plugin.xml



    EchoPlugin
    
        
    
    
        
            
                
            
        
        
        
    

在Ionic中使用

安装插件
cordova plugin add /Users/joker/Workspace/ionic/cordova/EchoPlugin
插件调用

cordova插件编写与使用_第5张图片
插件调用

cordova run android
顺利的话在APP中可以看到alert的信息。

你可能感兴趣的:(cordova插件编写与使用)