小程序支付流程

64 阅读1分钟

第一步在app.js中onLaunch中请求

wx.login({
          success(res){    //获取code钥匙
            // console.log(res.code);
            let code=res.code
            wx.request({
              url: 'http://mppay.0820.cloud/openid.php',    //商家的请求地址,获取openid 
              method:'GET',
              data:{
                  code
              },
              success(res){
                // console.log(res.data.openid);
                wx.setStorageSync('openid', res.data.openid)    //把openid保存到本地
              },
              fail(err){
                  console.log(err);
              }
            })
          }
        })

第二步在组件通过button按钮请求


//按钮点击事件
  paymoney() {
        let data = {
            openid: wx.getStorageSync('openid'),
            body: '测试',
            out_trade_no: new Date().getTime(),
            total_fee: 1
        }

        wx.request({
            url: "http://mppay.0820.cloud/jsapi.php",
            method: "POST",
            data: {
                ...data
            },
            success: res => {
                wx.requestPayment({
                    ...res.data,
                    success: res => {
                        console.log(res);
                    },
                    fail: err => {
                        console.log(err);
                    }
                })
            },
            fail: err => {
                console.log(err);
            }
        })
    }

image.png