需要注意的是，這里需要要用到md5.js文件
然后是接口代碼如下圖所示：
Openid 是通過(guò)會(huì)員表的字段獲取到小程序的唯一標(biāo)識(shí)openid，$notifi_url是異步回調(diào)的地址，這個(gè)回調(diào)地址可以自己定義，不需要在商戶(hù)賬號(hào)那里設(shè)置。$data就是返回到小程序的JSON數(shù)據(jù).
接下來(lái)小程序代碼如下圖：
如果設(shè)置正確，沒(méi)會(huì)彈出微信支付的窗口，提示支付完成,并跳轉(zhuǎn)到訂單列表頁(yè)面。
提前條件是必須把小程序APPID，小程序的APPSECRET，商戶(hù)號(hào)MCHID和商戶(hù)支付密鑰KEY設(shè)置正確，缺一不可，如果商戶(hù)號(hào)已經(jīng)接入過(guò)微信支付接口了，就需要問(wèn)客戶(hù)提供商戶(hù)支付密鑰，否則可以自己重置商戶(hù)支付密鑰,注意公眾號(hào)和小程序是可以使用同一個(gè)商戶(hù)的，因?yàn)樾〕绦虻幕卣{(diào)地址可以在代碼里填寫(xiě)，不需要在商戶(hù)賬號(hào)那里授權(quán)地址才能使用。
問(wèn)題解答部分：
1.調(diào)用支付JSAPI缺少參數(shù):total_fee。
t小程序的Console里出現(xiàn)這個(gè)提示，很多人以為是金額有問(wèn)題，其實(shí)是pkg出錯(cuò)了，其中pkg='prepay_id=' + res_pay.data.pay_arr.prepay_id; 如果用 console.log(pkg),會(huì)出現(xiàn)prepay_id=undefined,即res_pay.data.pay_arr.prepay_id為空，那么哪些參數(shù)會(huì)導(dǎo)致這種情況呢？最典型的是openid獲取不正確,因?yàn)樾〕绦蛑Ц稌r(shí)需要獲得用戶(hù)的openid。如下圖所示：
還有一種可能是訂單號(hào)的問(wèn)題，如果訂單在該商戶(hù)已經(jīng)支付過(guò)了，就不能再使用，這個(gè)問(wèn)題出現(xiàn)的概率比較低。
支付驗(yàn)證簽名失敗這個(gè)基本是由商戶(hù)支付密鑰key出錯(cuò)引起的，不要以為接口的配置文件填寫(xiě)正確的key就可以用了，還要知道小程序里也要把商戶(hù)的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就是與接口里的商戶(hù)支付密鑰KEY是相同的，要填寫(xiě)正確，否則出現(xiàn)簽名失敗的問(wèn)題。
