1.uni-app中对接第三方为了防止跳出app使用了webview
<template>
<view>
<web-view :src="url" @message="message"></web-view>
</view>
</template>
<script>
export default {
data() {
return {
url: ''
}
},
onLoad(option) {
// console.log(JSON.parse(decodeURIComponent(option.url)))
this.url = JSON.parse(decodeURIComponent(option.url))//跳转第三方的url
},
methods:{
message(e){ //接收html发回来的消息判断是否成功,然后跳转页面
console.log(e.detail)
uni.switchTab({
url: '/pages/member/user'
});
}
}
}
</script>
2.顺利的跳转到第三方的时候进行一些操作,例如支付等
3.地方支付成功后会有回调函数,进行一些操作
4.为了从第三方的h5跳回到app 写了个新的html页面
5.uni-app打包后会有static文件夹 所以将页面放到static文件夹中
<!DOCTYPE html>
<html>
<head>
<title>正在返回...</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<script type="text/javascript" src="https://js.cdn.aliyun.dcloud.net.cn/dev/uni-app/uni.webview.1.5.2.js"></script>//不引入的话不能进行监听
<script>
function load(){
// alert("测试")
let local = window.location.href;
// alert(local)
console.log(local)
let sourceType = getQueryVariable('sourceType');//传参得值
let env = getQueryVariable('env');/传参得值
document.addEventListener('UniAppJSBridgeReady', function() {
uni.postMessage({ //监听向uni-app发消息
data: {
action: 'success'
}
});
})
}
function getQueryVariable(variable) //通过url获取参数
{
var query = window.location.search.substring(1);
var vars = query.split("&");
for (var i=0;i<vars.length;i++) {
var pair = vars[i].split("=");
if(pair[0] == variable){return pair[1];}
}
return(false);
}
</script>
</head>
<body οnlοad="load()">
</body>
</html>