uniapp微信支付+支付宝支付

uniapp 普通微信支付需要在manifest.json中配置 payment支付 的微信appid

注意:项目需要发行之后再再次拉取微信支付!!
而支付宝支付则不需要额外操作 可直接唤起支付

uniapp微信支付+支付宝支付_第1张图片ios:https://help.weixin.qq.com 可手动更改(个人记录)

支付代码:

//支付
			truePayMoney(){
				this.$http({
					url: 'api/accountCustomer',
					method:'post',
					data:{
						customerInformationIds:this.orderIds.join(','),//客户信息标识为空(多选)
						payTypeEnum:this.payType==1?'alipay_weixin  ':'alipay_app',//支付宝支付:alipay_app  微信支付:alipay_weixin  
						app:this.payType==1?'weixinappid':'zhifubaiappid',//微信AppId or支付宝AppId
					}
				}).then((res)=>{
					// console.log(res);后端返回的值
					if( this.payType==1){
					//微信支付 需要换一下名字 不然会拉不起支付 规则如下map
						res.data=JSON.parse(res.data);	
					}
					var map={
						appid:res.data.appId,
						noncestr:res.data.nonceStr,
						package:res.data.packageValue,
						prepayid:res.data.prepayId,
						partnerid:res.data.partnerId,
						timestamp:res.data.timestamp,
						sign:res.data.sign,
					}
					console.log(res.data);
					
					//调用uniapp的支付方式uni.requestPayment
					uni.requestPayment({
						provider: this.payType==1?'wxpay':'alipay',//wxpay微信 alipay支付宝
						orderInfo:this.payType==1?map: res.data, //订单数据 后台返回的数据  
						success: function(res) {
							uni.showToast({title: '支付成功'});
							setTimeout(()=>{
								uni.navigateBack();
							},1000)
						},
						// 参数有问题则抛出错误
						fail: function(err) {
							console.log(err)
							uni.showToast({title: '支付失败,请重试'});
							setTimeout(()=>{
								uni.navigateBack();
							},1000)
						},
					})
				})
			},

你可能感兴趣的:(微信,前端)