uniapp实现微信支付-Toy模板网

这篇具有很好参考价值的文章主要介绍了uniapp实现微信支付。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

uniapp唤起微信进行支付情况

首先需要给后端发送请求支付的请求，拿到后端返回需要支付的订单，这里分别罗列了拿到订单之后分别使用微信小程序进行支付以及使用app进行支付的情况

首先说uniapp转成微信小程序支付情况

// #ifdef MP
wx.requestPayment({
	timeStamp: res.data.time, 
	nonceStr: res.data.noncestr,
	package: 'prepay_id=' + res.data.prepay_id,
	signType: 'RSA',
	paySign: res.data.sign,
	success(res) {
		uni.showToast({
			title: '支付成功',
			icon: 'none'
		})
	},
	fail(res) {
		console.log('支付失败', res)
	}
})


// #endif

2.这是uniapp转成app之后唤起微信支付，需要先获取应用服务商，uniappAPI里有详细规范，在使用uni.requestPaymentAPI唤醒微信支付文章来源地址https://www.toymoban.com/news/detail-522941.html

// #ifdef APP-PLUS
uni.getProvider({  //获取应用服务商
	service: 'payment',
	success: res => {
		console.log('微信安装1',res)
		if (res.providers.indexOf('wxpay')) { //先判断用户是否有微信支付环境（是否安装了微信app）
		workMission(params).then((res1) => {
			console.log('查看子订单信息', res1)
			 //拿到需要进行微信支付的订单信息，必须严格按照微信支付API所需要的支付信息大小写字段进行编码						
			let payInfo = {
				appid: res1.data.appid,
				noncestr: res1.data.noncestr,
				package: "Sign=WXPay",
				partnerid: res1.data.partnerid,
				prepayid: res1.data.prepay_id,
				timestamp: res1.data.time,
				sign: res1.data.sign,
			}
			console.log('生成订单', payInfo)
			uni.requestPayment({
				provider: 'wxpay',
				orderInfo: payInfo, //微信订单数据（Object类型）
				success: res => {
				    uni.showToast({
					    title: '支付成功',
						icon: 'none'
					})												
				},
				fail: err => {
					console.log('失败得原因', err)
					uni.showToast({
					    title: '支付失败',
						icon: 'none'
				    })
				}
			});
		})
	}
}
})
// #endif

到了这里，关于uniapp实现微信支付的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！