uniapp微信小程序--微信支付

使用uniapp开发微信小程序中使用微信支付进行充值消费,具体 代码 如下

<template>
    <view class="">
           <text @tap="recharge">充值</text>
    </view>
</template>

<script>
	export default {
	    data() {},
	    methods: {
	        //充值
	        recharge(){
	            //获取登录的code
	            uni.login({
					provider: 'weixin',
					success: (res) => {
						if (res.code) { //微信登录成功 已拿到code
							// console.log(res);
							this.getOpenId(res)
						} else {
							console.log('登录失败!' + res.errMsg)
						}
					},
					fail: (err) => {
						// console.log(err);
					}
				});     
	        },
	        getOpenId(item){
	        	//1、获取的code调用后端接口,后端生成一个openId
	        	//2、把openId发送给后端,去调用微信官方的支付接口
	            uni.requestPayment({
					provider: 'wxpay',//服务提供商
					appId: res.data.appId,
					timeStamp: res.data.timeStamp,//时间戳,从1970年1月1日00:00:00 至今的秒数,即当前的时间
					nonceStr: res.data.nonceStr,//随机字符串,长度为32个字符以下
					package: res.data.package,//统一下单接口返回的 prepay_id 参数值,提交格式如:prepay_id=***
					signType: res.data.signType,//签名算法,应与后台下单时的值一致
					paySign: res.data.paySign,//签名
					success: (res) => {
						//支付成功的操作
					},
					fail: (err) => {
						// console.log(err);
						uni.showToast({
							icon: 'none',
							title: '支付失败,请重新支付'
						})
					}
				);
	        },
	    }
	}
</script>
  • 1
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

无她无乐

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值