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);
                  })

你可能感兴趣的:(uni-app,javascript,前端,微信)