一、微信公衆平臺選擇代碼開發後,其平臺上的部分功能會不可用html
可在開發者工具中選擇開通測試帳號,進行相關的功能調試(測試帳號出微信支付不可調試外,其餘功能基本上均可以調試)web
二、測試帳號會有單獨的appID和appsecret生成,可設置測試使用的URL和Token安全
URL:是用來接受微信消息和事件的,如:http://xxxx.xxxx.com/wechat/portal 微信
Token:用來生成簽名,作安全性比對app
其餘的相關設置微信公衆平臺
網頁服務>網頁帳號
,點擊右邊的修改,填入須要使用的域名就行了,後面會用來作登陸
其餘須要注意的:工具
一、本地測試時可能須要使用內網穿透工具輔助測試(我使用的花生殼)post
URL的替換:替換爲內網穿透工具的域名,如:http://198*****z.51**pc.cn/wechat/portal測試
二、測試JS接口安全域名設置參考(參考來源:http://www.lanrenmb.com/gongzhonghaojiaocheng/8719.html)微信支付
舉例:若是接口地址是:http://write.bao.lanrenmb.com/postedit 安全域名爲:bao.lanrenmb.com 舉例:若是接口地址是:http://vote.lanrenmb.com/postedit 安全域名爲:lanrenmb.com 舉例:若是接口地址是:http://vote.lanrenmb.com:8087/postedit 安全域名爲:lanrenmb.com:8087
三、受權回調頁面域名設置(參考:https://blog.csdn.net/late12138/article/details/81952731)
在設置的時候不須要加http://,否則仍是會出現redirect_uri域名仍是與後臺配置不一致
目前配置已經完成,其次就是問題所在了
在拼接的時候須要對地址進行encode轉義,進入如下這個地址 https://meyerweb.com/eric/tools/dencoder/
此次須要將咱們剛剛設置的網頁受權獲取用戶信息回調域名加上http://進行一下Encode轉義,獲得轉義後的地址,將其拼接到微信獲取受權code後的redirect_uri中,此次就不會出現redirect_uri域名仍是與後臺配置不一致的問題了。
相關連接:
微信公衆平臺:https://mp.weixin.qq.com/
微信公衆平臺開發文檔:https://mp.weixin.qq.com/wiki?t=resource/res_main&id=mp1445241432
測試JS接口安全域名設置參考來源:http://www.lanrenmb.com/gongzhonghaojiaocheng/8719.html
受權回調頁面域名設置參考來源:https://blog.csdn.net/late12138/article/details/81952731