uniapp调⽤原⽣(android)安卓的⽅法并接收返回值需要实现的功能:
点击uniapp页⾯view,传递参数,调⽤android原⽣代码,然后原⽣代码处理数据,返回到uniapp页⾯
uniapp 代码:
<template>
<view class="content">
<view @click="androidNative">点击调⽤android原⽣⽅法</view>
</view>
</template>
<script>
// 导⼊⾃⼰定义的插件js
// var elitetyc = require('../../common/plugin.js');
export default {
data() {
return {
plugins: elitetyc
}
},
onLoad() {
},
methods: {
androidNative(){
this.plugins.CalcNameAddNumFunction(
"这段⽂字是uniapp传过来的",
function(result) {
uni.showToast({title:JSON.stringify(result),icon:'none',duration:5000});
},
function(result) {
uni.showToast({title:result,icon:"none",duration:5000});
}
);
}
}
}
</script>
plugin.js
! function(root, factory) {typeof array
if (typeof exports == 'object' && typeof module != 'undefined') {
} else if (typeof define == 'function' && define.amd) {
define(factory)
} else {
document.addEventListener('plusready', function(){
// 修改此处为插件命名注释---1
var moduleName = 'elitetyc';
root.plus[moduleName] = factory()
},false);
}
}(this, function() {
//在此处定义⾃⼰的⽅法注释---2
var _BARCODE = 'elitetyc';
var plugintest = {
// 这⾥定义了⼀个名叫CalcNameAddNumFunction的⽅法,传递三个参数,后⾯两个是回调函数
CalcNameAddNumFunction: function(num, 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
return (_BARCODE, "calcMyNameAddNum", [callbackID, num]);
}
};
return plugintest;
});
注释讲解:
注释1:这⾥是定义插件的名称
注释2:这⾥也是插件的名称,可以看到在后⾯的
(_BARCODE, "calcMyNameAddNum", [callbackID, num]);
// 官⽅讲解有同步与异步,我这⾥只⽤了异步
void Sync( String service, String action, Array<String> args );
service: 插件类别名,对应l的feature name。
action: 调⽤android端插件⽅法名称。对应java⽂件的⽅法名。
args:参数列表。
void ( String service, String action, Array<String> args );
service: 插件类别名,对应l的feature name。
action: 调⽤android端插件⽅法名称。对应java⽂件的⽅法名。
args:参数列表。
注释3:回调ID,后⾯原⽣代码中会⽤到,就好像你调⽤我,我有结果了,我该知道我把数据返回给谁把?这个id就是这个作⽤注释4:在上⾯有讲到过,这⾥需要注意的是前两个参数,第⼀个参数是插件类别名,后⾯再原⽣代码中的l⽂件中会⽤到
第⼆个参数,是android原⽣代码中的⽅法名要⼀致
3.到这⾥uniapp页⾯差不多都编写完成了,我们使⽤android studio导⼊sdk中的插件项⽬⽰例HBuilder-Integrate-AS
安卓代码:
新建⼀个java⽂件,并且继承⾃:StandardFeature ,我写好的代码如下,功能很简单,主要就是为了完成uniapp调⽤原⽣,实际的可以根据⾃⼰业务来搞
package io.dcloud.simple;
import org.json.JSONArray;
import io.dcloudmon.DHInterface.IWebview;
import io.dcloudmon.DHInterface.StandardFeature;
import io.dcloudmon.util.JSUtil;
public class ElitetycPluginTest extends StandardFeature {
/**
* 定义⼀个⽅法将⾃⼰的名字加上数字进⾏返回
* @param pWebview
* @param array
*/
public void calcMyNameAddNum(IWebview pWebview, JSONArray array){
/
/ 获取回调ID
String CallBackID = array.optString(0);
// 获取参数并计算(这⾥模拟原⽣处理)
String newstring = "我是原⽣代码返回::"+array.optString(1);
// 构建回传参数
JSONArray newArray = new JSONArray();
newArray.put(newstring);
// Callback(IWebview pWebViewImpl,String pCallbackId,String pMessage,int pStatus,boolean pKeepCallback)
// 参数:
// pWebViewImpl - webview对象
// pCallbackId - 回调⽅法ID
// pMessage - 回调信息
// pStatus - 回调code值如:OK、ERROR
// pKeepCallback - js层回调function是否要保存
// 第⼀个参数是当前函数的⼊参,直接传⼊,第⼆个是根据⼊参获取的回调id,第三个是回调的数据,是⼀个json数组
}
}
这⾥的⽅法名calcMyNameAddNum需要和plugin.js中的( String service, String action, Array<String> args ); ⽅法的action参数⼀致,必须⼀模⼀样
修改安卓配置⽂件:把uniapp打包好的原⽣代码按官⽹说的导好,
修改l ,在⾥⾯新建
<feature name="elitetyc" value="ample.H5PlusPlugin.ElitetycPluginTest"/>
然后点击运⾏即可 就没了
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论