前端调用微信小程序支付--wx.requestPayment

微信支付工作大部分是交给后台完成的，前端的很简单。

小程序ios虚拟商品不能使用支付，请参考：https://developers.weixin.qq.com/community/develop/doc/000cc6c0b383a047c7798e0045b409?highLine=%25E8%2599%259A%25E6%258B%259F%25E4%25B8%259A%25E5%258A%25A1%25E6%258C%2587%25E5%258D%2597%25E8%25AF%25B7%25E6%2594%25B6%25E5%25A5%25BD

首先参考微信支付的文档：https://pay.weixin.qq.com/wiki/doc/api/wxa/wxa_api.php?chapter=7_3&index=1

1、调用支付接口前，前端调用后台接口（必传字段有openid），后台先做一个统一下单。

2、后台接口返回wx.requestPayment接口所需的各个参数。

参考如下：

 app.func.reqs(url,//请求接口
 {
      productDesc: productDesc,//商品描述
      productId: productId,//商品id
      openid: openid//用户openid
    }, function (res) {
      var payinfo=res.data;
      wx.requestPayment({
        timeStamp: payinfo.timeStamp,
        nonceStr: payinfo.nonceStr,
        package: payinfo.package,
        signType: 'MD5',
        paySign: payinfo.paySign,
        success(res) {
          wx.showToast({
            title:'支付成功！',
            icon:'success'
          })
         },
        fail(res) { 
          wx.showToast({
            title:'支付失败！',
            icon:'none'
          })
        }
      })
    })