小程序js代碼如下圖所示
需要注意的是，這里需要要用到md5.js文件
然后是接口代碼如下圖所示：
Openid 是通過會員表的字段獲取到小程序的唯一標識openid，$notifi_url是異步回調(diào)的地址，這個回調(diào)地址可以自己定義，不需要在商戶賬號那里設(shè)置。$data就是返回到小程序的JSON數(shù)據(jù).
接下來小程序代碼如下圖：
如果設(shè)置正確，沒會彈出微信支付的窗口，提示支付完成,并跳轉(zhuǎn)到訂單列表頁面。
提前條件是必須把小程序APPID，小程序的APPSECRET，商戶號MCHID和商戶支付密鑰KEY設(shè)置正確，缺一不可，如果商戶號已經(jīng)接入過微信支付接口了，就需要問客戶提供商戶支付密鑰，否則可以自己重置商戶支付密鑰,注意公眾號和小程序是可以使用同一個商戶的，因為小程序的回調(diào)地址可以在代碼里填寫，不需要在商戶賬號那里授權(quán)地址才能使用。
問題解答部分：
1.調(diào)用支付JSAPI缺少參數(shù):total_fee。
t小程序的Console里出現(xiàn)這個提示，很多人以為是金額有問題，其實是pkg出錯了，其中pkg='prepay_id=' + res_pay.data.pay_arr.prepay_id; 如果用 console.log(pkg),會出現(xiàn)prepay_id=undefined,即res_pay.data.pay_arr.prepay_id為空，那么哪些參數(shù)會導(dǎo)致這種情況呢？最典型的是openid獲取不正確,因為小程序支付時需要獲得用戶的openid。如下圖所示：
還有一種可能是訂單號的問題，如果訂單在該商戶已經(jīng)支付過了，就不能再使用，這個問題出現(xiàn)的概率比較低。
支付驗證簽名失敗這個基本是由商戶支付密鑰key出錯引起的，不要以為接口的配置文件填寫正確的key就可以用了，還要知道小程序里也要把商戶的key傳遞到接口里，如下圖所示：
var paySign = md5.hexMD5('appId=' + appId + '&nonceStr=' + nonceStr + '&package=' + pkg + '&signType=MD5&timeStamp=' + timeStamp + "&key=" + app.configData.wxpay_secret).toUpperCase();
其中的app.configData.wxpay_secret就是與接口里的商戶支付密鑰KEY是相同的，要填寫正確，否則出現(xiàn)簽名失敗的問題。
方維網(wǎng)絡(luò)專注于商城小程序開發(fā)，涉及到會員、訂單、支付等方面都經(jīng)驗豐富，歡迎客戶咨詢400-800-9385
