一、在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)才方便使用