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