uniapp小程序支付app 支付【前端部分】

喜欢ヅ旅行 2021-09-17 11:38 450阅读 0赞

<template>
    	<view>
    		<button @click="paymini">小程序支付</button>
    		<button @click="payapp">app支付</button>
    	</view>
    </template>
    
    <script>
    	export default {
    		data() {
    			return {
    
    			};
    		},
    		methods: {
     
    			payapp: function() {
    				
    				// 请求后台数据 prepay_id paySign nonceStr timeStamp
    				uni.request({
    					url: '',
    					data: {
    						code: code,
    						payMoney: 1,
    						uid: '',
    						type: '1'
    					},
    					header: {
    						'custom-header': '' //自定义请求头信息
    					},
    					success: (res) => {
    						console.log(res);
    						// 调起支付
    						uni.requestPayment({
    							provider: 'alipay',
    							orderInfo: {
    								"dealId": res.dealId,
    								"appKey": res.appKey,
    								"totalAmount": res.totalAmount,
    								"tpOrderId": res.tpOrderId,
    				 				"dealTitle": res.dealTitle,
    								"rsaSign": res.rsaSign,
    								"bizInfo": res.bizInfo
    							}, //订单数据
    							success: function(res) {
    								console.log('success:' + JSON.stringify(res));
    							},
    							fail: function(err) {
    								console.log('fail:' + JSON.stringify(err));
    							}
    						});
    					}
    				});
    				
    				
    			},
    
    			paymini: function() {
    				uni.login({
    					provider: 'weixin',
    					success: function(loginRes) {
    						let code = loginRes.code;
    						// 请求后台数据 prepay_id paySign nonceStr timeStamp
    						uni.request({
    							url: '',
    							data: {
    								code: code,
    								payMoney: 1,
    								uid: '',
    								type: '1'
    							},
    							header: {
    								'custom-header': '' //自定义请求头信息
    							},
    							success: (res) => {
    								console.log(res);
    								// 调起支付
    								uni.requestPayment({
    									provider: 'wxpay',
    									timeStamp: String(Date.now()),
    									nonceStr: res.nonceStr,
    									package: res.package,
    									signType: 'MD5',
    									paySign: res.paySign,
    									success: function(res) {
    										console.log('success:' + JSON.stringify(res));
    									},
    									fail: function(err) {
    										console.log('fail:' + JSON.stringify(err));
    									}
    								});
    							}
    						});
    					}
    				});
    			}
    		}
    	}
    </script>
    
    <style>
    
    </style>

后台见下篇博客

微信讨论群：LAMN2017