Android和uniapp互传数据

一、在uniapp项目添加一个类，专门用来处理和原生进行交互使用；

import Vue from 'vue';
! function(root, factory) {
    if (typeof exports == 'object' && typeof module != 'undefined') {
        module.exports = factory()
    } else if (typeof define == 'function' && define.amd) {
        define(factory)
    } else {
        document.addEventListener('plusready', function() {
            // 修改此处为插件命名  注释---1
            var moduleName = 'uniappPlugin';
            root.plus[moduleName] = factory()
        }, false);
    }
}(this, function() {
    //在此处定义自己的方法  注释---2（）
    var _BARCODE = 'uniappPlugin';
    var plugintest = {
        /** 跳转原生登录页面 */
        JumpNativeLoginView: function(successCallback, errorCallback) {
            var success = typeof successCallback !== 'function' ? null : function(args) {
                    successCallback(args);
                },
                fail = typeof errorCallback !== 'function' ? null : function(code) {
                    errorCallback(code);
                };
            // 注释---3
            var callbackID = plus.bridge.callbackId(success, fail);

            //注释---4

             let userName = "";

             let userPwd = "";
            // 注释---5
            return plus.bridge.exec(_BARCODE, "startLoginActivity", [callbackID,userName,userPwd]);
        }

    }
    return plugintest;
});

代码注释说明：

注释1和注释2：下面已经说明了，要和原生添加插件类同名；

注释3：创建一个回调ID，uniapp和原生就是通过这个callbackID进行识别和通讯

注释4：添加额外的参数传到原生（建议使用字符串或者json字符串）

注释5：uniapp异步调用原生插件类的方法

二、在vue页面或者JS文件中需要调用的地方添加以下代码
AndroidPlugin：这个是导入上面代码类文件的一个别名---import AndroidPlugin from './androidPlugin.js';
AndroidPlugin.JumpNativeLoginView(function(result) {

//这里是处理原生成功后返回的一个回调(可以获取登录返回的用户信息或者原生返回其它的一些信息等)

}, function(fail) {

//这里是原生失败后返回的一个回调（一般这里不会添加什么代码）

});

三、在AndroidStudio中添加一个插件类命名为PluginFeature，并将它继承为StandardFeature（StandardFeature是uniapp打包SDK中的一个插件扩展类）；

四、在uniapp打包SDK中的assets/data/dcloud_properties.xml文件中添加以下代码

注意：name是要和上面代码中注释1和注释2同名的，大家不要搞错了，否则会调用不到，value就是你创建的插件扩展类路径

public class PluginFeature extends StandardFeature {

    private static JSONArray tempArray;
    private static IWebview iWebview;

    /**
     * 调用原生登录
     *
     * @param iWebview uniapp传过来的webview参数
     * @param array    uniapp传回来的callID和其它的数据
     */
    public void startLoginActivity(IWebview iWebview, JSONArray array) {
        this.tempArray = array;
        this.iWebview = iWebview;
        //获取回调ID（一定要获取这个，原生通过这个ID来给uniapp回传数据，uniapp也是靠这个ID进行解析）
        String CallBackID = tempArray.optString(0);
        //获取uniapp传过来的userName和userPwd
        String userName = tempArray.optString(1);
        String userPwd = tempArray.optString(2);
        //TODO:跳转登录页面
        Context context = MyApplication.app;
        Intent intent = new Intent(context, LoginActivity.class);
        intent.setFlags(Intent.FLAG_ACTIVITY_NEW_TASK);
        context.startActivity(intent);
        
        //将数据异步回传到uniapp中
        JSUtil.execCallback(iWebview, CallBackID, 
                "登录成功后的用户信息回传到uniapp中，记住一定要字符串，json字符串也可以", 
                JSUtil.OK, false);
    }

}

 

注意点：

（1）插件的扩展名一定要一致，否则是无法互相通讯的

（2）iOS使用这种方法也是可以实现原生iOS和uniapp的数据交互的

（3）本人发现原生拿到的callBackID只能使用一次，原生只要回调回去后，这个callBackID就失效不能再次使用了（本人也不知道原因，不过按照个人理解也合理，类似iOS中的委托，使用完就释放了）

（4）原生回调传回去的数据是字符串类型的，如果是json字符串，uniapp需要转换成对象需要使用JSON.parse(result)才方便使用