Maison >Applet WeChat >Développement de mini-programmes >Résumé des erreurs courantes de développement de fonctions de paiement dans le développement de mini-programmes

Résumé des erreurs courantes de développement de fonctions de paiement dans le développement de mini-programmes

巴扎黑original: 2017-09-19 09:22:572481parcourir

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

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

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

第二个坑，支付统一下单接口，签名这个坑是比较多人遇到问题的这个是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>"

返回数据解析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);
       }
      })
     }
    })
   }
  });
 }

第三就是调用支付了,这里也有几个小坑，第一就是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;);
     }
    });
   }
  })
 }

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration：

Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn

Article précédent：Explication détaillée d'exemples de développement de mini-programmes pour implémenter la fonction de sélection inverse après avoir cliqué sur le contrôle.Article suivant：Explication détaillée d'exemples de développement de mini-programmes pour implémenter la fonction de sélection inverse après avoir cliqué sur le contrôle.

Articles Liés

Voir plus