小程序之支付（前端）

前台流程是
1，给后台传一个code（必传）和后台需要的参数后台返回我参数
2，成功后我拉起支付吧这几个返回参数在传给微信端 然后监听结果

（后期会补充代码截图）

 

 

因为写支付之前，看了文档，又在网上找了一些文章看

对于我这种不喜欢看理论知识的人来说，看到大段大段的文字

真(zhen)的(de)能(shi)学(chao)到(ji)好(luo)东(suo)西(de)

所以下面我会把我写的代码直接贴出来 (以下写的只是前端需要的代码)

// 用户点击我要支付按钮后
wx.login({
      success: function (res) {
        if (res.code) {
          //发起网络请求
          wx.request({
            url: 这里是后台接口, //你需要给后台传一个code
            method: 'GET',
            data: {
              code: res.code  //请求wx.login成功后会返回一个code
            },
            success: function (r) {  // 成功后  后台返回参数  timeStamp,nonceStr,package,paySign,appid。(有的还会返回其他参数，左边的这几个参数是必须返回的) 
              var _res = r.data.data  //   太长了把r下面的data给_res这个变量
              wx.requestPayment({    //调起支付                
                'timeStamp': _r.timeStamp,  // 必填 时间戳从1970年1月1日00:00:00至今的秒数,即当前的               
                'nonceStr': _r.nonceStr,  // 必填 随机字符串，长度为32个字符以下。
                'package': _r.package,  // 必填  统一下单接口返回的 prepay_id 参数值
                'signType': 'MD5',  // 必填 签名算法，暂支持 MD5
                'paySign': _r.paySign, // 必填 签名
                'success': function (res) { // 接口调用成功的回调函数
                  console.log(res);
                },
                'fail': function (res) { // 接口调用失败的回调函数
                  console.log('fail:' + JSON.stringify(res));
                }
              })
            },
            fail: function (err) {
              console.log(err)
            }
          })
        } else {
          console.log('获取用户登录态失败！' + res.errMsg)
        }
      }
    })