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

最新推荐文章于 2024-05-19 14:58:37 发布

躺在床上睡:

最新推荐文章于 2024-05-19 14:58:37 发布

阅读量750

点赞数 1

文章标签： uni-app javascript 前端微信

本文链接：https://blog.csdn.net/weixin_65537918/article/details/128655147

版权

这里后端以及微信官方文档那些流程就不在这里讲了哈一般都是后台人员来做咱们前端只管前端的就行了
微信支付流程找到 manifest.json 把Payment支付勾上还有就是一个 appid 需要后台给你
首先要调后端的预生成订单信息接口去获取订单信息
得到订单信息之后主要是订单编号调用下单接口下单接口调通之后调用uniapp的 uni.requestPayment 微信支付的话这个传的比较多建议去看下官方文档后端也会有接口专门去获取这些参数

下面直接看代码吧

             Pay({
                order_no: this.order_no,
                type: this.pay_type,
                method: 'app'
              }).then(res => {
                if (res.code == 1) {
                  var orderInfos = res.data
                  uni.requestPayment({
                    provider: "wxpay",
                    timeStamp: orderInfos.timeStamp, //时间戳从1970年1月1日至今的秒数，即当前的时间。
                    nonceStr: orderInfos.nonceStr, //随机字符串ay_id 参数值，提交格式如：prepay_id=xx
                    package: orderInfos.package,
                    signType: orderInfos.signType, //签名算法，应与后台下单时的值一致
                    paySign: orderInfos.paySign, //签名
                    success: function(res) {
                      uni.showToast({
                        title: "支付成功",
                        icon: 'success',
                        success: () => {
                          setTimeout(() => {
                            uni.switchTab({
                              url: '/pages/my/my'
                            })
                          }, 500)
                        }
                      })
                    },
                    fail: function(err) {
                      uni.showToast({
                        title: "支付失败请稍后再试",
                        icon: 'none',
                        success: () => {
                          setTimeout(() => {
                            uni.switchTab({
                              url: '/pages/my/my'
                            })
                          }, 500)
                        }
                      })
                      console.log('fail:' + JSON.stringify(err));
                    }
                  });
                }
                console.log(res.data);
              })