一、JS API支付接口（getBrandWCPayRequest）
微信JS API只能在微信內置瀏覽器中使用，其他瀏覽器調用無效。微信提供getBrandWCPayRequest接口供商戶前端網頁調用，調用之前微信會鑑定商戶支付權限，若商戶具有調起支付的權限，則將開始支付流程。這裡主要介紹支付前的接口調用規則，支付狀態消息通知機制請參加下文。接口需要注意：所有傳入參數都是字符串類型！
getBrandWCPayRequest參數如下圖所示。
| 參數 | 名稱 | 必填 | 格式 | 說明 |
|---|---|---|---|---|
| appId | 公眾號id | 是 | 字符串類型 | 商戶註冊具有支付權限的公眾號成功後即可獲得； |
| timeStamp | 時間戳 | 是 | 字符串類型，32個字節以下 | 商戶生成，從1970年1月1日00:00:00至今的秒數，即當前的時間，且最終需要轉換為字符串形式； |
| nonceStr | 隨機字符串 | 是 | 字符串類型，32個字節以下 | 商戶生成的隨機字符串； |
| package | 訂單詳情擴展字符串 | 是 | 字符串類型，4096個字節以下 | 商戶將訂單信息組成該字符串，具體組成方案參見接口使用說明中package組包幫劣；由商戶按照規範拼接後傳入； |
| signType | 簽名方式 | 是 | 字符串類型，參數取值"SHA1" | 按照文檔中所示填入，目前僅支持SHA1； |
| paySign | 簽名 | 是 | 字符串類型 | 商戶將接口列表中的參數按照指定方式行簽名，簽名方式使用signType中標示的簽名方式，具體簽名方案參見接口使用說明中籤名幫劣；由商戶按照規範簽名後傳入； |
getBrandWCPayRequest返回值如下表所示。
| 返回值 | 說明 |
| err_msg | get_brand_wcpay_request:ok 支付成功 get_brand_wcpay_request:cancel 支付過程中用戶取消 get_brand_wcpay_request:fail 支付失敗 |
JS API的返回結果get_brand_wcpay_request:ok僅在用戶成功完成支付時返回。由於前端交互複雜，get_brand_wcpay_request:cancel 或者get_brand_wcpay_request:fail 可以統一處理為用戶遇到錯誤或者主動放棄，不必細化區分。
二、JS API支付實現
下面代碼是微信官方提供的JS API支付demo
<?phpinclude_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>將其中的微信支付參數修改成自己所申請得到的，然後將網頁上傳到微信支付目錄下，給測試賬號回复該網頁地址。用戶就可以實現一次JS API支付。
三、效果演示
下面是官方DEMO修改後，發起支付的頁面圖。
確認交易：
輸入支付密碼：
交易成功：
以上就是對微信支付JS API 資料的整理，希望能幫到大家，謝謝支持！