uniapp微信小程序微信支付实现过程

·  阅读 2071

微信支付过程

微信官方链接文档: pay.weixin.qq.com/wiki/doc/ap… 在这里插入图片描述 在这里插入图片描述

// 获取微信授权码
		getWxCode() {
			wx.login({
				success: res => {
					this.wxCode = res.code;
					console.log(this.wxCode);
				}
			});
		},
		// 微信支付
		toPay() {
			//传入微信支付的参数给后台
			const data = {
				body: this.toClass.className,
				notifyUrl: 'url',
				outTradeNo: this.toClass.orderId + '',
				spbillCreateIp: '127.0.0.1',
				totalFee: this.totalPrice,
				tradeType: 'JSAPI'
			};
			var that = this;
			toPay(data).then(res => {
				if ((res.resultCode = 'SUCCESS')) {
					console.log('res 11111111111111111111111111', res);

					try {
						console.log(typeof wx.requestPayment);
						var timest = new Date().getTime();
						var d_timeStamp = Math.round(timest / 1000, 0) + '';
						//调起微信支付请求
						wx.requestPayment({
							"timeStamp":res.timeStamp,
							"nonceStr":res.nonceStr,
							"package": res.packageValue,
							"signType": res.signType,
							"paySign": res.paySign,
							"success":function(resp){
							console.log('success:' + JSON.stringify(resp));
						},
						"success":function(resp){
							console.log('success:' + JSON.stringify(resp));
							uni.showToast({
							  title: '支付成功',
							  icon: 'none',
							  duration: 2000
							});
							const params = {
								outTradeNo : that.toClass.orderId + '',
							}
							getwxorder(params).then(orderStatus=>{
								console.log(orderStatus)
								setTimeout(function() {
									uni.navigateTo({
										url: '/pages/course/order?item=2'
									});
								}, 0);
							})
							
						},
						"fail":function(resp){
							console.log('fail:' + JSON.stringify(resp));
							uni.showToast({
							  title: '支付失败',
							  icon: 'none'
							});
						}
						})
					} catch (e) {
						//TODO handle the exception
						console.error('222222', e);
					}

				}
			});
		},
复制代码

支付截图: 在这里插入图片描述

对你有帮助的,还请麻烦关注博主一波!!

分类:
前端
标签:
分类:
前端
标签:
收藏成功!
已添加到「」, 点击更改