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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值