[uni-app] 支付demo

迷南。 2023-06-08 06:54 4阅读 0赞

## uniapp app 端调微信支付接口 ##

uni-app 官方文档支付接口如下：

uni.requestPayment({
        provider: provider, // wxpay、alipay
        orderInfo: 'orderInfo', //微信、支付宝订单数据
        success: function (res) {
            console.log('success:' + JSON.stringify(res));
        },
        fail: function (err) {
            console.log('fail:' + JSON.stringify(err));
        }
    });

文档中 orderInfo 的格式没写清楚，今天刚好在研究支付，发现调起微信支付接口的 orderInfo 可以是对象，也可以是对象字符串，比如：

## 小程序支付DEMO(前端部分) ##

<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>