Summary of common payment function development errors in mini program development-Mini Program Development-php.cn

Summary of common payment function development errors in mini program development

巴扎黑

Release： 2017-09-19 09:22:57

Original

2420 people have browsed it

微信小程序支付功能开发错误总结

微信小程序支付终于踩完坑了，发现里面坑挺大的，现在发个贴，希望以后入坑的同学可以看一下：

https://pay.weixin.qq.com/wiki/doc/api/wxa/wxa_api.php?chapter=7_4&index=2

业务流程在这里大家看文档的时候可以看到。第一个坑，获取用户的openid，参数一定要拼在url连接上，否则会报{"errcode":40013,"errmsg":"invalid appid, hints: [ req_id: iil1ba0504ns86 ]"}错误

 onLoad: function () {
  var that = this
  wx.login({
   success: function (res) {
    if (res.code) {
     //发起网络请求
     wx.request({
      url: &#39;https://api.weixin.qq.com/sns/jscode2session?appid=wxaacf22345345cfc7162fe3&secret=83ebd41c3e6f34a49b3a34578063434548ff3f71&js_code=&#39; + res.code + &#39;&grant_type=authorization_code&#39;,
      method: "POST",
      success: function (res) {
       that.setData({
        openid: res.data.openid
       })
      }
     })
    } else {
     console.log(&#39;获取用户登录态失败！&#39; + res.errMsg)
    }
   }
  });
 }

Copy after login

第二个坑，支付统一下单接口，签名这个坑是比较多人遇到问题的这个是MD5加密经常和签名工具里面的加密签名不一样

签名加密工具地址：https://pay.weixin.qq.com/wiki/doc/api/jsapi.php?chapter=20_1

签名加密的时候要转成utf-8,加密我用自己的接口进行加密的 digest.update(data.getBytes("utf-8"));

 // 统一下单接口获取sign（签名）
 paysignjsapi: function (appid, attach, body, mch_id, nonce_str, notify_url, openid, out_trade_no, spbill_create_ip, total_fee, trade_type, key) {
  var self = this;
  //加密签名
  wx.request({
   url: &#39;http://localhost:8080/XinXingWXApi/wxXcxApi/Md5Encrypt.do&#39;,
   method: &#39;GET&#39;,
   data: {
    appid: appid,
    attach: attach,
    body: body,
    mch_id: mch_id,
    nonce_str: nonce_str,
    notify_url: notify_url,
    openid: openid,
    out_trade_no: out_trade_no,
    spbill_create_ip: spbill_create_ip,
    total_fee: total_fee,
    trade_type: trade_type,
    key: key
   },
   //统一下单
   success: function (res) {
    var sign = res.data.strMd5
    var formData = "&lt;xml>"
    formData += "&lt;appid>" + appid + "&lt;/appid>" //appid 
    formData += "&lt;attach>" + attach + "&lt;/attach>" //附加数据 
    formData += "&lt;body>" + body + "&lt;/body>"    //标题
    formData += "&lt;mch_id>" + mch_id + "&lt;/mch_id>" //商户号 
    formData += "&lt;nonce_str>" + nonce_str + "&lt;/nonce_str>" //随机字符串，不长于32位。 
    formData += "&lt;notify_url>" + notify_url + "&lt;/notify_url>" //异步接收微信支付结果通知的回调地址
    formData += "&lt;openid>" + openid + "&lt;/openid>"  //用户Id
    formData += "&lt;out_trade_no>" + out_trade_no + "&lt;/out_trade_no>" //商户订单号
    formData += "&lt;spbill_create_ip>" + spbill_create_ip + "&lt;/spbill_create_ip>"
    formData += "&lt;total_fee>" + total_fee + "&lt;/total_fee>" //金额
    formData += "&lt;trade_type>" + trade_type + "&lt;/trade_type>"  //公共号支付
    formData += "&lt;sign>" + sign + "&lt;/sign>"//签名
    formData += "&lt;/xml>"

Copy after login

返回数据解析xml

 //请求统一下单接口
    wx.request({
     url: "https://api.mch.weixin.qq.com/pay/unifiedorder",
     method: &#39;POST&#39;,
     data: formData,
     success: function (data) {
      wx.request({
       url: "http://localhost:8080/XinXingWXApi/wxXcxApi/xmlAnalyze.do?strXml=" + data.data,
       method: &#39;POST&#39;,
       success: function (res) {
        var pk = &#39;prepay_id=&#39; + res.data.prepayId;
        var timeStamp = self.createTimeStamp();
        //获取支付签名，并支付
        self.getsignType(appid, timeStamp, nonce_str, pk, "MD5", key);
       }
      })
     }
    })
   }
  });
 }

Copy after login

第三就是调用支付了,这里也有几个小坑，第一就是appId很多写成appid就不行了，第二个就是preoatid 的参数格式要写对prepay_id=wx2017011711060194dccf725232155886323 第三个就是调用支付的时候报支付签名错误，也需要到签名接口查看签名是否一致，查看参数是否是对的，调用微信支付的时候必须加上appId

getsignType: function (appid, timeStamp, nonce_str, pk, signType, key) {
  var that = this;
  wx.request({
   url: "http://localhost:8080/XinXingWXApi/wxXcxApi/getSignType.hn",
   method: &#39;GET&#39;,
   data: {
    appId: appid,
    timeStamp: timeStamp,
    nonceStr: nonce_str,
    pk: pk,
    signType: signType,
    key: key
   },
   success: function (res) {
    console.log(res.data.paySign)
    var paySign = res.data.paySign
    //调用微信支付
    wx.requestPayment({
     &#39;appId&#39;: appid,
     &#39;timeStamp&#39;: timeStamp,
     &#39;nonceStr&#39;: nonce_str,
     &#39;package&#39;: pk,
     &#39;signType&#39;: &#39;MD5&#39;,
     &#39;paySign&#39;: paySign,
     &#39;success&#39;: function (res) {
      console.log(res);
      console.log(&#39;success&#39;);
     },
     &#39;fail&#39;: function (res) {
      console.log(res);
      console.log(&#39;fail&#39;);
     },
     &#39;complete&#39;: function (res) {
      // console.log(res);
      console.log(&#39;complete&#39;);
     }
    });
   }
  })
 }

Copy after login

The above is the detailed content of Summary of common payment function development errors in mini program development. For more information, please follow other related articles on the PHP Chinese website!