【支付】微信小程序微信支付 uniapp

原创已于 2023-09-18 09:39:28 修改 · 297 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#微信小程序 #微信 #uni-app

于 2023-03-20 16:19:43 首次发布

文章讲述了在移动应用中实现微信支付的过程。首先，后端返回包含appid、时间戳等关键信息的字符串，通过JSON.parse转换为对象。然后，使用uni.getProvider获取支付服务提供者，并存储微信服务商信息。在opratePay函数中，利用这些数据调用uni.requestPayment进行支付操作，成功或失败会显示相应的提示。

提交订单，后端返回重要数据包含 appid ，时间戳一些（把数据 JSON.parse处理一下）
微信调用

后端返回的数据格式 是string  先转换为 对象
orderString: "{"timeStamp":"167929679885","package":"prepay_id=wx201e613122153551587eeec81bb91cc52b80000","paySign":"CC7DCCA9AC2g023AAC2647sE4684F477D9C305D","appId":"wx4e1176d2380532160601511f","signType":"MD5","nonceStr":"947821163685"}"

在这里插入图片描述

调用微信支付具体写法

首先通过uni.getProvider方法获取到用户手机里的服务商，service选择payment，共有4种方式alipay（支付宝支付）、wxpay（微信支付）、baidu（百度收银台支付）、appleiap（苹果应用内支付）

onShow() {
	uni.getProvider({
		service: 'payment',
		success: function(res) {
			uni.setStorageSync('providerpayment', res.provider[0]);
		}
	});
}

opratePay(orderString) {
	let _this = this;
	//支付
	uni.requestPayment({
		provider: uni.getStorageSync('providerpayment'),  // wxpay 微信服务商
		// #ifdef MP-WEIXIN
		timeStamp: orderString.timeStamp,
		nonceStr: orderString.nonceStr,
		package: orderString.package,
		signType: 'MD5',
		paySign: orderString.paySign,
		// #endif
		success: function(value) {
			uni.showToast({
				title: '支付成功',
				icon: 'none'
			});
			
		
		},
		fail: function(err) {
			uni.showToast({
				title: '支付失败',
				icon: 'none'
			})
		}
	})
},