微信公衆號開發-公衆號支付-設置支付受權目錄

 

咱們先看規則：

• 一、全部使用公衆號支付方式發起支付請求的連接地址，都必須在支付受權目錄之下；
• 二、最多設置5個支付受權目錄，且域名必須經過ICP備案；
• 三、頭部要包含http或https，須細化到二級或三級目錄，以左斜槓「/」結尾。

前兩條比較容易理解，

可是看到第三條的時候有一些蒙圈有木有？若是有，請繼續往下看

而後就各類搜索，搜出來的文章會讓你更加蒙圈有木有？大多數文章都是寫微信支付的坑，可是對於解決方法倒是語焉不詳。

-------------------------------------分割線----------------------------------------

本人當前項目使用vue全家桶作微信H5 開發，一個SPA應用，其中有用到公衆號的微信支付。在支付受權目錄上也是折騰了好久。

回到支付受權目錄的設置第三條上面，這句話自己寫得確實讓人看不明白，甚至會將人引入歧途。

第一次調用Weixin.chooseWXPay時彈出的提示是{「errMsg」:」chooseWXPay:fail」}，是的，沒有一點多餘的信息，最後查文檔才發現是沒有配置微信支付受權目錄。

配置的具體規則是這樣的：

一、

好比：調用以上JSSDK的頁面地址爲 http://a.b.com/pay/weixin/c.html，

那麼：受權目錄配置爲 http://a.b.com/pay/weixin/

二、

好比：調用以上JSSDK的頁面地址爲 http://a.b.com/pay/weixin，

那麼：受權目錄配置爲 http://a.b.com/pay/

三、

好比：調用以上JSSDK的頁面地址爲 http://a.b.com/pay，

那麼：受權目錄配置爲 http://a.b.com/

四、若是有QueryString，自動忽略

好比：調用以上JSSDK的頁面地址爲  http://a.b.com/pay/weixin/c.html？name=mango，

那麼：受權目錄配置爲  http://a.b.com/pay/weixin/

 

但是，我這是基於vue的SPA，

親測將支付受權目錄配置爲域名便可。

好比：調用以上JSSDK的頁面地址爲  http://a.b.com/#/pay/weixin/c.html？name=mango，

那麼：受權目錄配置爲  http://a.b.com/