admin 管理员组

文章数量: 1184232

前端需要做的

这里使用vue 中的 mixin
第一步获取订单号，调用后端的接口获取订单号

第二步：调用后端的接口，后端给返回一个url地址，然后打开这个地址（这个地址是调用微信支付的地址，打开即调用）

这里使用decodeURIComponent的作用为了转码
支付成功之后需要返回原来的页面。这里需要区分一下安卓或者苹果
苹果手机会先跳转到微信里面，安卓的不需要跳转到微信内部，当前浏览器可以直接调起
所以需要再后端返回的url末尾加上redirect_url=要返回的地址（我目前开发只是再苹果端使用，可能安卓这样用也没有大碍）
参考

判断安卓 ios

 let ran = navigator.userAgent
              let isAndroid = ran.indexOf('Android') > -1 || ran.indexOf('Linux') > -1
              let isIOS = !!ran.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/)

              if (isAndroid) {
                // 安卓代码块
                window.location.href = ress.data
              }
              if (isIOS) {
                // ios代码块
                window.location.href = redirect
              }

第三步：再调用微信链接的下方循环调用查询支付成功的接口，后端给的接口，成功后移除定时器

回调函数：可以做一些自己想要的动作（查询接口等）
强调一下如果回调函数没有执行建议加上定时器延迟执行一下

本文标签： 自带 浏览器 功能

版权声明：本文标题：前端 h5实现自带浏览器支付功能 内容由网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：http://www.roclinux.cn/b/1768021786a3526931.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。