0
点赞
收藏
分享

微信扫一扫

微信内置浏览器支付流程

徐一村 2022-04-27 阅读 82
微信

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)

 

引入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')
},

 

举报

相关推荐

0 条评论