Phonegap 自定义插件

Posted 2020-09-25 work hard work smart

一、PhoneGap中js与Java之间相互调用分为同步和异步两种方式

1、同步：js调用Java类的方法，然后Java类的方法直接返回一个值给js端

2、异步：js调用Java类的方法，Java类的方法可能要处理一系列的事情。执行完后，通过回调把结果返回js端。

 

二、下面以android为例，通过插件实现js调用java类中的方法

1.创建cordova 工程

2. 在Android Studio打开

3. 在Index.html

 <button id="showToast">Show Toast</button>

4. 在Index.js中加入插件执行方法

exec(<successFunction>, <failFunction>, <service>, <action>, [<args>]);

在onDeviceReady中加入

document.getElementById("showToast").addEventListener("click",app.showToast);

　showToast方法就是调用插件的方法

    showToast: function(){
          cordova.exec(
                        function(){},
                        function(){},
                        "Toast",
                        "show",
                        ["hello man"]);
    },

　　5. 创建插件

public class MyToast  extends CordovaPlugin{
    @Override
    public boolean execute(String action, JSONArray args,
                           CallbackContext callbackContext) throws JSONException {
        if ("show".equals(action)){
            show(args, callbackContext);
        }
        return super.execute(action, args, callbackContext);
    }

    public void  show(JSONArray args, CallbackContext callbackContext){
        try {
            Toast.makeText(cordova.getActivity(),args.getString(0), Toast.LENGTH_LONG).show();
        }catch (JSONException e){
            e.printStackTrace();
        }

        callbackContext.success();
    }
}

 

继承CordovaPlugin， 并实现execute方法。 action对应exec的第四个参数

6. xml中config.xml配置

    <feature name="Toast">
        <param name="android-package" value="com.example.tostplugin.MyToast" />
    </feature>

　　Toast对应exec的第三个参数， value值com.example.tostplugin.MyToast 为插件的包名。

7. 效果图