uni-app 对接第三方h5

最新推荐文章于 2024-06-15 19:17:30 发布

爱拉比

最新推荐文章于 2024-06-15 19:17:30 发布

阅读量4.6k

点赞数 1

文章标签： uni-app h5 uni-app跳到第三方嵌套h5跳回app

本文链接：https://blog.csdn.net/qq_38372917/article/details/107536817

版权

1.uni-app中对接第三方为了防止跳出app使用了webview

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>

链接放在这，额 => 链接

爱拉比

关注

1
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
uni-app 对接第三方h5

1.uni-app中对接第三方为了防止跳出app使用了webview<template> <view> <web-view :src="url" @message="message"></web-view> </view></template><script> export default { data() { return {...
复制链接

扫一扫