『壹』 微信支付介面中為什麼demo中提供的js調用不到支付界面
demo中提供的js是無法訪問到真實的支付界面的。因為demo中只是用來演示的，微信的支付接版口是部署在內網的，外網是權無法訪問的。
（1）用戶打開商戶網頁選購商品，發起支付，在網頁通過JavaScript調用getBrandWCPayRequest介面，發起微信支付請求，用戶進入支付流程。
（2）用戶成功支付點擊完成按鈕後，商戶的前端會收到JavaScript的返回值。商戶可直接跳轉到支付成功的靜態頁面進行展示。
（3）商戶後台收到來自微信開放平台的支付成功回調通知，標志該筆訂單支付成功。
『貳』 微信公眾號開發之如何使用JSSDK
微信開發交流群：148540125
歡迎留言、轉發、打賞
系列文章參考地址 極速開發微信公眾號
項目源碼參考地址 點我點我--歡迎Start
服務號、訂閱號可以通過登錄 微信公眾平台 查看 開發>介面許可權
使用JSSDK主要包括
1、判斷當前客戶端版本是否支持指定JS介面、
2、分享介面（微信認證）
3、圖像介面
4、音頻介面
5、智能介面（識別語音並返回結果）
6、設備信息（獲取網路狀態）
7、地理位置
8、界面操作
9、微信掃一掃
10、微信小店（服務號必須通過微信認證）
11、微信卡券 （微信認證）
12、微信支付（服務號必須通過微信認證）
官方參考文檔
步驟一：綁定域名
先登錄微信公眾平台進入 公眾號設置 的 功能設置 里填寫 JS介面安全域名 。
步驟二：引入JS文件
在需要調用JS介面的頁面引入如下JS文件，（支持https）： http://res.wx.qq.com/open/js/jweixin-1.0.0.js
如需使用搖一搖周邊功能，請引入 http://res.wx.qq.com/open/js/jweixin-1.1.0.js
備註：支持使用 AMD/CMD 標准模塊載入方法載入
步驟三：通過config介面注入許可權驗證配置
簽名演算法生成規則
請 官方參考文檔
下面具體來講講 開源項目 weixin_guide 中的封裝。
使用的時候只要在Controller方法上添加一個攔截器 JSSDKInterceptor 來實現簽名驗證再將 wx.config 需要的參數設置對應的屬性在頁面上進行獲取。
攔截器實現如下：
在Controller中使用
JSP頁面上面使用
測試結果
在AppConfig 中添加路由 me.add("/jssdk", JSSDKController.class,"/view"); 手機中訪問 http://域名[/項目名稱]/jssdk ,如果設置了 debug= true 成功了就會彈出
如果出現 {"errorMsg":"config:invalid url domian"} 請檢查 步驟一：綁定域名 與你訪問的域名是否在安全域名列表當中
步驟四：通過ready介面處理成功驗證
步驟五：通過error介面處理失敗驗證
步驟六：介面調用
攔截器具體實現 參考地址 點這里
js 介面調用參考地址 點這里
以上就是JSSDK使用的介紹。
歡迎留言、轉發、打賞項目
源碼參考地址 點我點我--歡迎Start