公众号H5微信支付

你很易烊千玺

已于 2025-03-10 17:58:24 修改

阅读量142

点赞数 3

CC 4.0 BY-SA版权

文章标签：微信前端 uni-app

于 2025-03-10 17:57:10 首次发布

本文链接：https://blog.csdn.net/qq_48315915/article/details/146160122

1.获取支付参数

 //请求接口
  getPayPartner({}).then(result => {
                     result:支付参数全在这里
                    if (result.code == 1) {
                        this.invokeWxPay(result.data)
                    }

                })
支付参数包括：
appId: '',
timeStamp:'',
nonceStr: '',
package: '',
signType:'',
paySign: ''

2.判断是否在微信浏览器里面

	invokeWxPay(data) {
				console.log('支付', data);
				if (typeof WeixinJSBridge === 'undefined') {
					console.log('typeof');
					document.addEventListener('WeixinJSBridgeReady', () => this.onBridgeReady(data));
				} else {
					console.log('else');
					this.onBridgeReady(data);
				}
			},

3.支付逻辑

	onBridgeReady(data) {
				console.log('支付', data);
				WeixinJSBridge.invoke('getBrandWCPayRequest', {
					appId: '',
					timeStamp:'',
					nonceStr: '',
					package: '',
					signType:'',
					paySign: ''
				}, function(res) {
					console.log('支付api', res);
					if (res.err_msg === 'get_brand_wcpay_request:ok') {
						这里可以写支付完成逻辑
					} else if (res.err_msg === 'get_brand_wcpay_request:cancel') {
						uni.showToast({
							icon: 'none',
							title: '取消支付',
						});
					} else {
						uni.showToast({
							icon: 'none',
							title: '支付失败',
						});
					}
				});
			}