溫馨提示×
您好，登錄后才能下訂單哦！
點(diǎn)擊 登錄注冊(cè) 即表示同意《億速云用戶服務(wù)條款》
您好，登錄后才能下訂單哦！
這篇文章給大家分享的是有關(guān)微信支付開發(fā)之如何實(shí)現(xiàn)JS API支付的內(nèi)容。小編覺得挺實(shí)用的，因此分享給大家做個(gè)參考，一起跟隨小編過來看看吧。
一、JS API支付接口（getBrandWCPayRequest）
微信JS API只能在微信內(nèi)置瀏覽器中使用，其他瀏覽器調(diào)用無效。微信提供getBrandWCPayRequest接口供商戶前端網(wǎng)頁調(diào)用，調(diào)用之前微信會(huì)鑒定商戶支付權(quán)限，若商戶具有調(diào)起支付的權(quán)限，則將開始支付流程。這里主要介紹支付前的接口調(diào)用規(guī)則，支付狀態(tài)消息通知機(jī)制請(qǐng)參加下文。接口需要注意：所有傳入?yún)?shù)都是字符串類型！
getBrandWCPayRequest參數(shù)如表6-5所示。
參數(shù) | 名稱 | 必填 | 格式 | 說明 |
appId | 公眾號(hào)id | 是 | 字符串類型 | 商戶注冊(cè)具有支付權(quán)限的公眾號(hào)成功后即可獲得； |
timeStamp | 時(shí)間戳 | 是 | 字符串類型，32個(gè)字節(jié)以下 | 商戶生成，從1970年1月1日00:00:00至今的秒數(shù)，即當(dāng)前的時(shí)間，且最終需要轉(zhuǎn)換為字符串形式； |
nonceStr | 隨機(jī)字符串 | 是 | 字符串類型，32個(gè)字節(jié)以下 | 商戶生成的隨機(jī)字符串； |
package | 訂單詳情擴(kuò)展字符串 | 是 | 字符串類型，4096個(gè)字節(jié)以下 | 商戶將訂單信息組成該字符串，具體組成方案參見接口使用說明中package組包幫劣；由商戶按照規(guī)范拼接后傳入； |
signType | 簽名方式 | 是 | 字符串類型，參數(shù)取值"SHA1" | 按照文檔中所示填入，目前僅支持SHA1； |
paySign | 簽名 | 是 | 字符串類型 | 商戶將接口列表中的參數(shù)按照指定方式迚行簽名，簽名方式使用signType中標(biāo)示的簽名方式，具體簽名方案參見接口使用說明中簽名幫劣；由商戶按照規(guī)范簽名后傳入； |
表6-5 getBrandWCPayRequest參數(shù)
getBrandWCPayRequest返回值如表6-6所示。
返回值 | 說明 |
err_msg | get_brand_wcpay_request:ok 支付成功 |
表6-6 getBrandWCPayRequest返回值
JS API的返回結(jié)果 get_brand_wcpay_request:ok 僅在用戶成功完成支付時(shí)返回。由于前端交互復(fù)雜，get_brand_wcpay_request:cancel 或者 get_brand_wcpay_request:fail 可以統(tǒng)一處理為用戶遇到錯(cuò)誤或者主動(dòng)放棄，不必細(xì)化區(qū)分。
二、JS API支付實(shí)現(xiàn)
下面代碼是微信官方提供的JS API支付demo
<?php
include_once("WxPayHelper.php");
$commonUtil = new CommonUtil();
$wxPayHelper = new WxPayHelper();
$wxPayHelper->setParameter("bank_type", "WX");
$wxPayHelper->setParameter("body", "test");
$wxPayHelper->setParameter("partner", "1900000109");
$wxPayHelper->setParameter("out_trade_no", $commonUtil->create_noncestr());
$wxPayHelper->setParameter("total_fee", "1");
$wxPayHelper->setParameter("fee_type", "1");
$wxPayHelper->setParameter("notify_url", "htttp://www.baidu.com");
$wxPayHelper->setParameter("spbill_create_ip", "127.0.0.1");
$wxPayHelper->setParameter("input_charset", "GBK");
?>
<html>
<script language="javascript">
function callpay()
{
WeixinJSBridge.invoke('getBrandWCPayRequest',<?php echo $wxPayHelper->create_biz_package(); ?>,function(res){
WeixinJSBridge.log(res.err_msg);
alert(res.err_code+res.err_desc+res.err_msg);
});
}
</script>
<body>
<button type="button" onclick="callpay()">wx pay test</button>
</body>
</html>將其中的微信支付參數(shù)修改成自己所申請(qǐng)得到的，然后將網(wǎng)頁上傳到微信支付目錄下，給測(cè)試賬號(hào)回復(fù)該網(wǎng)頁地址。用戶就可以實(shí)現(xiàn)一次JS API支付。
三、效果演示
下面是官方DEMO修改后，發(fā)起支付的頁面圖。
確認(rèn)交易
輸入支付密碼
交易成功
感謝各位的閱讀！關(guān)于“微信支付開發(fā)之如何實(shí)現(xiàn)JS API支付”這篇文章就分享到這里了，希望以上內(nèi)容可以對(duì)大家有一定的幫助，讓大家可以學(xué)到更多知識(shí)，如果覺得文章不錯(cuò)，可以把它分享出去讓更多的人看到吧！
免責(zé)聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱：is@yisu.com進(jìn)行舉報(bào)，并提供相關(guān)證據(jù)，一經(jīng)查實(shí)，將立刻刪除涉嫌侵權(quán)內(nèi)容。
億速云公眾號(hào)
手機(jī)網(wǎng)站二維碼