微信内置浏览器支付流程

1验证是否是微信内置浏览器


payParam = {}// 验证是否是微信内置浏览器
if (typeof WeixinJSBridge === 'undefined') {if (document.addEventListener) {document.addEventListener('WeixinJSBridgeReady', that.onBridgeReady(payParam),false)} else if (document.attachEvent) {document.attachEvent('WeixinJSBridgeReady', that.onBridgeReady(payParam))document.attachEvent('onWeixinJSBridgeReady', that.onBridgeReady(payParam))}
} else {//调取支付this.onBridgeReady(payParam)
}

2.调取微信支付

// 调微信支付
onBridgeReady(obj) {
WeixinJSBridge.invoke('getBrandWCPayRequest', {"appId": obj.appId,//公众号名称，由商户传入     "timeStamp": obj.timeStamp + '',//时间戳，自1970年以来的秒数     "nonceStr": obj.nonceStr,//随机串     "package": obj.package,"signType": obj.signType,//微信签名方式：     "paySign": obj.paySign},function(res) {if (res.err_msg == "get_brand_wcpay_request:ok") {// 使用以上方式判断前端返回,微信团队郑重提示：//res.err_msg将在用户支付成功后返回ok，但并不保证它绝对可靠。console.log('成功了', res)} else {console.log('失败了', res)}});
},

3.支付完成，跳转自定义完成页面（点金计划-小票页面）点金计划产品介绍-文档中心-微信支付服务商平台 (qq.com)

小票的主要原理就是内嵌一个iframe，进行通信。我们填写的连接地址也是嵌套在iframe框上的src属性上

引入js

<script type="text/javascript" charset="UTF-8" src="https://wx.gtimg.com/pay_h5/goldplan/js/jgoldplan-1.0.0.js"></script>

完成页面--加载

   onReady() {let mchData = {action: 'onIframeReady',displayStyle: 'SHOW_CUSTOM_PAGE',height: 3000};let postData = JSON.stringify(mchData);parent.postMessage(postData, "*");},

完成页面--点击跳转

seeInfo() {var mchData = {action: 'jumpOut',jumpOutUrl: 'https://xxxxxx.xxxx.xxxx' //跳转的页面}var pData = JSON.stringify(mchData);parent.postMessage(pData, 'https://payapp.weixin.qq.com')
},

微信内置浏览器支付流程相关推荐

LoveEmperor-王子様支付宝内置浏览器支付 js+java
作者:LoveEmperor-王子様背景:支付宝内置浏览器支付,即支付宝扫码浏览应用页面,在页面上进行支付操作: 需要获取用户id,去请求支付宝下单[微信内置浏览器支付思路一样](https://b ...
CocosCreator H5 微信内置浏览器调起微信支付
CocosCreator H5 微信内置浏览器调起微信支付先来看看效果图微信公众平台相关文档传送门https://mp.weixin.qq.com/wiki?t=resource/res_main ...
安卓非微信内置浏览器中的网页调起微信支付的方案研究
问题来源之前在app中集成过微信支付,此种微信支付方式为app支付,即在我们自己的应用中嵌入微信支付SDK,由Native代码调起微信支付. 后来由于业务需要在我们app的WebView中打开第三方 ...
vue支付宝html,vue 解决在微信内置浏览器中调用支付宝支付的情况
我的思路大概是这样的 1. 验证是否是在微信内置浏览器中调用支付宝 2.给支付页面的url加上调用接口所需的参数(因为在微信里是不能直接调用支付宝的需要调用外部浏览器) 3.在外部浏览器中完成支付跳转 ...
正则表达式获取url后面的参数截取微信支付code值（微信内置浏览器里使用微信支付）
需求是在移动端的微信内置浏览器里使用微信支付,需要跳转到一个自定义的页面去,获取code值,支付成功之后,还要跳转回去原来的页面. url格式: http://xxx.com/?code=061NnY ...
微信公众平台 - 微信内置浏览器 WeixinJSBridge.invoke(‘xxx‘) API 报错：system:access_denied（常见于微信支付、分享朋友圈/转发好友等功能）解决方案
前言场景描述:做公众号网页项目,在微信内置浏览器中运行自己的 H5 网站,需要接入微信支付.微信分享等其他能力,因此使用 WeixinJSBridge 这个 API,不料却发生报错. 如下报错所示, ...
判断网页是否为微信内置浏览器打开？
文章目录 (两种方法)教你:"如何判断网页是不是在微信端内置浏览器打开?" 本文根据项目开发实际情况,着重探讨在微信内置浏览器中调用支付功能,遇到的几个坑! 目的: (方法一)全部 ...
ipad微信号无法连接服务器,ipad微信内置浏览器无法微信登录
大家好,我们线上出现了ipad微信内置浏览器无法微信登录的问题,焦急的等待高手解答,或者有什么怀疑的方向,都欢迎回复我~! 一.操作及现象: 我们采用的是"微信客户端中访问第三方网页,公众号 ...
微信内置浏览器非全屏播放视频解析
前提条件,接了一个项目要实现在微信公众号里课程播放,而且还有评论功能,视频需要小窗播放. 首先公布解决方案: 感谢知乎上的回答,原版微信内置浏览器如何小窗不全屏播放视频? 感谢该问题的徐霖同学的回答 ...
微信7.0升级后高德地图在微信内置浏览器定位失败
此文为博主原创转载请注明出处尊重一下笔者的劳动成果 ⑩分感谢场景:微信7.0 苹果可以获取到定位安卓获取不到定位原因:微信升级7.0做了安全限制导致使用http的定位不能正常使用解决办法 ...

微信内置浏览器支付流程

微信内置浏览器支付流程相关推荐

最新文章

热门文章