uniapp 微信小程序 点击按钮调用微信支付

实现效果:
点击按钮后唤起支付方式选择:
在这里我选择“微信支付”
在这里插入图片描述
输完成密码后完成支付:
在这里插入图片描述

需求:

计算金额和创建支付订单等操作都在后端完成,前端只要将后端传过来的签名、时间戳、随机字符串等参数传给微信的api,即可在小程序唤起支付弹窗。

代码:

			// 调用微信支付
			callPayMent(data){
				  wx.requestPayment({ //调起支付
					'timeStamp': data.timeStamp,
					'nonceStr': data.nonceStr,
					'package': data.packageData,
					"signType": "RSA",
					'paySign': data.paySign,
					'success': function (res) { // 接口调用成功的回调函数
					  console.log('支付成功:',res);
					  //TODO  跳转订单
					 //  wx.navigateTo({
						// url: '/pages/myOrder/myOrder?type=1&list=2',
					 //  })
					},
					'fail': function (res) { // 接口调用失败的回调函数
					  console.log('支付失败:' + JSON.stringify(res));
					}
				  })

			},

微信支付官方文档:https://pay.weixin.qq.com/wiki/doc/apiv3/apis/chapter3_5_4.shtml#menu1

  • 2
    点赞
  • 12
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值