微信端支付功能调试-微信支付窗口不出来 -少儿编程-信息学奥赛-宜宾少儿编程-宜宾市野牛网络科技有限公司

微信端支付功能调试-微信支付窗口不出来

浏览次数：1631

微信支付微信公众号支付

调用微信支付wx.chooseWXPay 详细流程
```
this.fetchConfig().then(response => {

})
```

当你看到这样即获取微信基本配置成功
![](http://www.083158.com/uploads/article/2020-10-09/Lert0qmHZwoX5Qhbi9tqlpHbj0QI1gQFJ2fkBJlN.png)

第二步：调用微信支付
 ```
this.fetchConfig().then(response => {

console.log(response);
						
						let wechat = response.config['wechat.web']
						let openid = this.$cookie.get('o')
						let that = this
						wx.config({
							debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
							appId: wechat.app_id, // 必填，公众号的唯一标识
							timestamp: wechat.timestamp, // 必填，生成签名的时间戳
							nonceStr: wechat.nonceStr, // 必填，生成签名的随机串
							signature: wechat.signature, // 必填，签名，见附录1
							jsApiList: ['chooseWXPay'] // 必填，需要使用的JS接口列表，所有JS接口列表见附录2
						})
						
                        
						wx.ready(function() {
							paymentPay(orderid, code, referer, channel, openid).then(
								ressponse => {
									if (ressponse && ressponse.wxpay) {
										var result = ressponse
										that.$cookie.set('orderid', orderid)
										// if(true){
										//       Toast(JSON.stringify(result));
										//  }
										console.log('paymentPay:', result)
										Toast(JSON.stringify(result))
										return wx.chooseWXPay({
											timestamp: result.wxpay.timestamp.toString(), // 支付签名时间戳，注意微信jssdk中的所有使用timestamp字段均为小写。但最新版的支付后台生成签名使用的timeStamp字段名需大写其中的S字符
											nonceStr: result.wxpay.nonce_str, // 支付签名随机串，不长于 32 位
											package: result.wxpay.packages, // 统一支付接口返回的prepay_id参数值，提交格式如：prepay_id=***）
											signType: 'MD5', // 签名方式，默认为'SHA1'，使用新版支付需传入'MD5'
											paySign: result.wxpay.sign, // 支付签名
											success: function(res) {		
												console.log('chooseWXPay:', res.errMsg)	
												Toast("1");								
												if (res.errMsg == 'chooseWXPay:ok') {
													that.$emit('onPaySuccess', res.errMsg)
												} else {
													that.$emit('onPayFailed', res.errMsg)
												}

// 支付成功后的回调函数
												return true
											},
											cancel: res => {
												// if(true){
												//     Toast(JSON.stringify(res));
												// }
												//支付取消
												Toast("2");
												that.$emit('onPayFailed', '1')
											},
											// 支付失败回调函数
											fail: function(res) {
												console.log('chooseWXPay_fail:', res.errMsg)	
												Toast("3"+res.errMsg);
												Toast(JSON.stringify(res));
												that.$emit('onPayFailed', res.errMsg)
												// if(true){
												//     // Toast(JSON.stringify(res));
												// }
											}
										})
									} else {
										return false
									}
								},
								error => {}
							)
						})
					})
```
附录：[微信支付开发文档](https://developers.weixin.qq.com/doc/offiaccount/OA_Web_Apps/JS-SDK.html#58 "微信支付开发文档")

微信端支付功能调试-微信支付窗口不出来

留言条数·0