微信支付踩坑合集：微信小程序支付失敗是什麼緣由?持續更新

微信小程序開發的過程必定會遇到各類問題，最讓人棘手的就是支付問題，由於沒有支付作商城相似的小程序就沒有辦法完成最關鍵的一步。那麼支付失敗到底什麼緣由呢？一會兒收集了幾個錯誤相似，但願對你有幫助：php

No.1

{err_code: "-1", err_desc: "調用支付JSAPI缺乏參數: total_fee", errMsg: "requestPayment:fail"}

errMsg:"requestPayment:fail"

err_code:"-1"

err_desc:"調用支付JSAPI缺乏參數: total_fee"

<?xml version="1.0" encoding="utf-8"?>html

<xml>
<appid>xx</appid>
<body><![CDATA[測試商品名稱]]></body>
<mch_id>xxx</mch_id>
<nonce_str>krwub67ymmvm1nkjb9fitm6muqplqa45</nonce_str>
<notify_url>xx</notify_url>
<openid>xxx</openid>
<out_trade_no>xx</out_trade_no>
<spbill_create_ip>xxx</spbill_create_ip>
<total_fee>1</total_fee>
<trade_type>JSAPI</trade_type>
<sign>xxx</sign>node

</xml>ios

<?xml version="1.0" encoding="utf-8"?>git

<xml>
<return_code><![CDATA[SUCCESS]]></return_code>
<return_msg><![CDATA[OK]]></return_msg>
<appid><![CDATA[wx64db6c2b70842ec1]]></appid>
<mch_id><![CDATA[1504167501]]></mch_id>
<nonce_str><![CDATA[Y34OjPAY9ReOCPDZ]]></nonce_str>
<sign><![CDATA[039CF2A0B217BFCCAA01CCF4ECA1B32E]]></sign>
<result_code><![CDATA[FAIL]]></result_code>
<err_code><![CDATA[ORDERPAID]]></err_code>
<err_code_des><![CDATA[該訂單已支付]]></err_code_des>
</xml>程序員

No.2

若是微信小程序在進行微信支付時若提示「商戶號mch_id與appid不匹配」或者是提示「沒法完成微信支付「「簽名錯誤」等，請參考如下步驟檢查；github

準備工做：檢查如下步驟前，請先注意覈對appid是不是同一個。具體覈對方式：json

一、微信小程序覈對地址爲：設置-開發設置有顯示具體 appid，如圖：小程序

二、我司後臺受權的小程序 appid 地址，如圖：微信小程序

若覈對無誤的前提下，準備如下三步的檢查。

第一步：登陸微信支付平臺 https://pay.weixin.qq.com 查看對應的商戶號與密鑰及證書，並重置下密鑰及從新安裝下證書。

第二步：登陸到對應的微信小程序帳戶下 https://mp.weixin.qq.com（注意此處是微信小程序帳戶不是公衆號帳戶），查看是否開通微信支付。

若顯示未開通，請參考教程，綁定第一步裏面的商戶號

第三步：登陸我司小程序管理後臺，填寫步驟一里面的商戶號和密鑰及證書（注：.P12證書）

以上步驟操做完成後，再從新去下單支付測試。

No.3

若是你使用的是第三方開源項目，通常都是封裝好了，按照要求去填寫便可，出錯的時候主要是證書的配置問題，譬如來客推商城支付的錯誤解決方案：

緣由有幾點：

一、微信小程序沒有與微信支付綁定

二、來客系統後臺支付設置不正確，如圖位置：

三、項目的目錄權限請設置爲 chmod 777

No.4

ios的微信小程序支付失敗解決方法：前兩天作了個小程序，涉及到了支付，結果在自測ios系統時碰到了釘子

蘋果手機支付失敗的緣由是：微信早在「微信小程序運營規則」第 14 條「小程序支付規範」中已明確表示：目前，在iOS 系統下，微信小程序暫不得爲虛擬物品購買提供支付功能

這就致使，許多須要線上支付，而且無實物的支付時，屢屢碰壁

你須要作的就是，讓後臺人員在生成預支付訂單時，不要出現，費用、支付、付費、續費、轉帳等與費用相關的字眼

若是改了這個還不行，那麼就須要檢查是否有代碼中的錯誤

我解決的方案就是去掉了有關費用的字眼

No.5

微信小程序支付功能開發與踩坑經驗總結

（本部分來源參考圖片水印）

首先是小程序支付功能的申請

在半年前我有另外一個小程序項目，雖然當時沒有開通小程序微信支付的需求，可是我留意過應用號（小程序號）後臺微信支付的相關選項。當時，這個小程序由於綁定過已認證的服務號，所以小程序支付是能夠直接申請的，無需任何費用。可是此次的項目，一樣是另外一個已經綁定過認證服務號的小程序，在微信支付界面，提示我要認證當前的小程序號才能開通微信支付，也就是說，綁定服務號還不夠，必須把這個小程序號也交300元認證後，纔給開通支付功能！真的很坑，好在客戶沒有什麼怨言，很是配合地就把認證給辦了…

一天後小程序號認證經過，就有了申請支付的入口：

果斷選右邊那個，根據給出的提示，到商戶平臺裏面用小程序的appid綁定就好了。

第二個坑，獲取openid。在網上能找到的大部分實例代碼裏，都把獲取openid的接口調用直接寫在了小程序代碼裏。這個接口的地址是這樣的：
https://api.weixin.qq.com/sns/jscode2session?appid=********&secret=********&js_code=********&grant_type=authorization_code
其中js_code是經過wx.login得到的，這個沒問題；appid也沒問題；問題在secret上，即appsecret，這個密鑰若是直接寫在小程序端，原本就不太安全。果不其然，開發工具報錯以下：

因而我嘗試把api.weixin.qq.com域名加入request合法域名列表，人家不給我加…

那就很奇怪了，爲啥網上不少例子給出的代碼是直接請求api.weixin.qq.com接口的？別人能夠我就不能夠，沒道理啊！

花了不少時間查證，小程序是今年年初的時候禁止了api.weixin.qq.com域名的直接請求的，目的就是爲了不開發者把appsecret直接寫在小程序端的代碼裏，形成安全隱患。雖然說是爲了安全着想，但這真的很坑爹，官方在開發資料裏面並無提到這事情，致使不少人在此繞了彎路。

此外，我在開發過程當中，實際上是一路繞過這個坑的。由於發現雖然開發工具會報錯不能請求這個域名，可是在開發工具提供的遠程調試功能裏，在手機上是能夠直接請求這個接口的。因而獲取openid這個過程在最初的開發調試中並無暴露問題，而是在我以爲已經大功告成，即將提供對外測試的版本中，在手機上關閉了vconsole後，微信支付功能拉不起來，而且由於關閉了vconsole就看不到任何報錯信息，是直覺告訴我這個請求域名發生了問題。微信開發就是這麼操蛋，不少時候得靠程序員的直覺，而不是文檔…

解決這個問題的惟一辦法就是寫一個PHP扔到本身的服務器上，藉助這個PHP請求openid的接口，再返回給小程序端。這個PHP的代碼附在文末。

接下來第三個坑，是簽名驗證。首先咱們要進行商戶這裏的統一支付簽名，把appid、商品名、商戶id、nonce值、notify_url、openid、訂單號、金額….等等一連串的值，按照key=value&key=value&…格式，key爲字母順序排列下來，最後加上」商戶key」（在商戶後臺得到），組成一個字符串，並通過MD5加密後生成一串簽名值。
這些值，獲取的地方哪裏都有，光收集他們就得費一番力氣；收集完畢後，還要按既定順序排列，不能顛倒，而且商戶key值是例外，得排在最後。MD5加密方法是gitHub上找的現成代碼，給出地址：
https://github.com/leibing8912/WxMD5

以上簽名完成後，還要把這些值去掉最後的商戶key，加上已經完成的簽名，封裝成一個XML格式字符串，把這個字符串做爲參數請求接口https://api.mch.weixin.qq.com/pay/unifiedorder，在返回的值中提取一串」prepay_id=」值，再用剛纔的鏈接鍵值的方法得到長字符串，進行第二次MD5加密簽名。

真TNND繞啊！我爲了調試成功兩次簽名值，也費了很多力氣。好在在別人的文章裏看到有微信官方提供的調試工具，幫了很多忙，這是調試工具連接：https://pay.weixin.qq.com/wiki/doc/api/jsapi.php?chapter=20_1

等到以上通通完成，連同剛纔得到的簽名值，再根據官方文檔從新組織一下各個所需參數，才能經過wx.requestPayment請求拉起支付。而咱們可愛的微信官方文檔，僅僅介紹了這最後的一步 – wx.requestPayment所須要的幾個參數而已，給出的例程更是讓人汗顏，歡迎你們去圍觀（如今是2018年8月16日，我不會知道官方在此以後多久會完善它的文檔，但如今這個文檔看來是很不友好的）：https://developers.weixin.qq.com/miniprogram/dev/api/api-pay.html#wxrequestpaymentobject

下面我將本身調試完畢的代碼整理一下，留個存檔：
小程序端，保留大部分的console的版本

/* 微信支付 */
  goWxPay: function () {
    var that = this;
    //登錄獲取code
    wx.login({
      success: function (res) {
        console.log("獲取login code",res.code);
        //獲取openid
        that.getOpenId(res.code);
      }
    });
  },
 
  /* 獲取openId */
  getOpenId: function (code) {
    var that = this;
    wx.request({
      url: "https://****?code=" + code, //服務器端的請求地址，域名已加入小程序request白名單
      method: 'GET',
      success: function (res) {
        console.log("獲取openid", res);
        that.unitedPayRequest(res.data.openid);
      },
      fail: function () {
        console.log("獲取openid 失敗", res);
      },
      complete: function () {
        console.log("獲取openid 完畢", res);
      }
    });
  },//getOpenId()
 
  /*統一支付接口*/
  unitedPayRequest: function(openid){
    var that=this;
    //統一支付簽名
    var appid = '';//appid必填
    var body = '';//商品名必填
    var mch_id = '';//商戶號必填
    var nonce_str = util.randomString();//隨機字符串，不長於32位。  
    var notify_url = '';//通知地址必填
    var total_fee = parseInt(0.01 * 100); //價格，這是一分錢
    var trade_type = "JSAPI";
    var key = ''; //商戶key必填，在商戶後臺得到
    var out_trade_no = '';//自定義訂單號必填
 
    var unifiedPayment = 'appid=' + appid + '&body=' + body + '&mch_id=' + mch_id + '&nonce_str=' + nonce_str + '&notify_url=' + notify_url + '&openid=' + openid + '&out_trade_no=' + out_trade_no + '&total_fee=' + total_fee + '&trade_type=' + trade_type + '&key=' + key;
    console.log("unifiedPayment", unifiedPayment);
    var sign = md5.md5(unifiedPayment).toUpperCase();
    console.log("簽名md5", sign);
 
    //封裝統一支付xml參數
    var formData = "<xml>";
    formData += "<appid>" + appid + "</appid>";
    formData += "<body>" + body + "</body>";
    formData += "<mch_id>" + mch_id + "</mch_id>";
    formData += "<nonce_str>" + nonce_str + "</nonce_str>";
    formData += "<notify_url>" + notify_url + "</notify_url>";
    formData += "<openid>" + openid + "</openid>";
    formData += "<out_trade_no>" + that.data.ordernum + "</out_trade_no>";
    formData += "<total_fee>" + total_fee + "</total_fee>";
    formData += "<trade_type>" + trade_type + "</trade_type>";
    formData += "<sign>" + sign + "</sign>";
    formData += "</xml>";
    console.log("formData", formData);
    //統一支付
    wx.request({
      url: 'https://api.mch.weixin.qq.com/pay/unifiedorder', //別忘了把api.mch.weixin.qq.com域名加入小程序request白名單，這個目前能夠加
      method: 'POST',
      head: 'application/x-www-form-urlencoded',
      data: formData, //設置請求的 header
      success: function (res) {
        console.log("返回商戶", res.data);
        var result_code = util.getXMLNodeValue('result_code', res.data.toString("utf-8"));
        var resultCode = result_code.split('[')[2].split(']')[0];
        if (resultCode == 'FAIL') {
          var err_code_des = util.getXMLNodeValue('err_code_des', res.data.toString("utf-8"));
          var errDes = err_code_des.split('[')[2].split(']')[0];
          wx.showToast({
            title: errDes,
            icon: 'none',
            duration: 3000
          })
        } else {
          //發起支付
          var prepay_id = util.getXMLNodeValue('prepay_id', res.data.toString("utf-8"));
          var tmp = prepay_id.split('[');
          var tmp1 = tmp[2].split(']');
          //簽名  
          var key = '';//商戶key必填，在商戶後臺得到
          var appId = '';//appid必填
          var timeStamp = util.createTimeStamp();
          var nonceStr = util.randomString();
          var stringSignTemp = "appId=" + appId + "&nonceStr=" + nonceStr + "&package=prepay_id=" + tmp1[0] + "&signType=MD5&timeStamp=" + timeStamp + "&key=" + key;
          console.log("簽名字符串", stringSignTemp);
          var sign = md5.md5(stringSignTemp).toUpperCase();
          console.log("簽名", sign);
          var param = { "timeStamp": timeStamp, "package": 'prepay_id=' + tmp1[0], "paySign": sign, "signType": "MD5", "nonceStr": nonceStr }
          console.log("param小程序支付接口參數", param);
          that.processPay(param);
        }
 
      },
    })
 
  },//unitedPayRequest()
 
  /* 小程序支付 */
  processPay: function (param) {
    wx.requestPayment({
      timeStamp: param.timeStamp,
      nonceStr: param.nonceStr,
      package: param.package,
      signType: param.signType,
      paySign: param.paySign,
      success: function (res) {
        // success
        console.log("wx.requestPayment返回信息",res);
        wx.showModal({
          title: '支付成功',
          content: '您將在「微信支付」官方號中收到支付憑證',
          showCancel: false,
          success: function (res) {
            if (res.confirm) {
            } else if (res.cancel) {
            }
          }
        })
      },
      fail: function () {
        console.log("支付失敗");
      },
      complete: function () {
        console.log("支付完成(成功或失敗都爲完成)");
      }
    })
  }//processPay()

幾個要用到的方法，除了MD5用從Github上找的代碼，其餘以下：

/* 時間戳產生函數   */
function createTimeStamp() {
  return parseInt(new Date().getTime() / 1000) + ''
}
/* 隨機數 */
function randomString() {
  var chars = 'ABCDEFGHJKMNPQRSTWXYZabcdefhijkmnprstwxyz2345678'; //默認去掉了容易混淆的字符oOLl,9gq,Vv,Uu,I1
  var maxPos = chars.length;
  var pwd = '';
  for (var i = 0; i < 32; i++) {
    pwd += chars.charAt(Math.floor(Math.random() * maxPos));
  }
  return pwd;
}
/* 獲取XML節點信息 */
function getXMLNodeValue(node_name, xml) {
  var tmp = xml.split("<" + node_name + ">")
  var _tmp = tmp[1].split("</" + node_name + ">")
  return _tmp[0]
}
module.exports = {
  createTimeStamp: createTimeStamp,
  randomString: randomString,
  getXMLNodeValue: getXMLNodeValue
}

在服務端獲取openid的PHP代碼

//獲取用戶openid
function getPortData($url){
	$ch = curl_init();
	curl_setopt($ch, CURLOPT_SSL_VERIFYPEER, false);
	curl_setopt($ch, CURLOPT_SSL_VERIFYHOST, 0);
	curl_setopt($ch, CURLOPT_URL, $url);
	curl_setopt($ch, CURLOPT_POST, 0);
	curl_setopt($ch, CURLOPT_HEADER, false);
	curl_setopt($ch, CURLOPT_RETURNTRANSFER, true);
	curl_setopt($ch, CURLOPT_SSL_VERIFYPEER, false);
	$r = curl_exec($ch);
	//$r = json_decode($r);
	if($error=curl_error($ch)){
		die($error);
	}
	curl_close($ch);
	return $r;
}
 
function getopenid(){
	$code = $_GET["code"];
	if(empty($code)) return array('status'=>0,'info'=>'缺乏js_code');
	$appid = '';//必填
	$appsecret = '';//必填
	$url = "https://api.weixin.qq.com/sns/jscode2session?appid=".$appid."&secret=".$appsecret."&js_code=".$code."&grant_type=authorization_code";
	$result = getPortData($url);
	//var_dump($result);
	echo $result;
}
getopenid();

自此，拼拼湊湊地總算把小程序微信支付跑起來了。

寫在最後：若是你們對小程序支付還有任何問題歡迎你們加QQ羣664658494，一塊兒溝通交流