1. 程式人生 > >微信開發 網頁應用 本地測試環境的搭建(多圖)

微信開發 網頁應用 本地測試環境的搭建(多圖)

剛剛接觸微信公眾號開發,完全是一個小白。今天搭建本地測試環境真的是弄了整整一下午,一直到剛剛,才弄好。話不多說,下面分享一下整個搭建過程;

1.下載微信web開發者工具

安裝並登入,登陸前要確保已經登陸的賬號有微信公眾號的測試許可權

2.將本地tomcat伺服器埠改成80


微信開發者文件中註明,微信只支援80埠


(無意中看到http就是80埠,純屬小白,大神勿噴)


3.修改本地host檔案

因為微信公眾號平臺中的回撥域名是需要與安全域名進行校對的(如下圖),

所以在保證域名為遠端伺服器上的域名同時,又需要訪問本地伺服器,這是可以通過修改host檔案來達到這樣的要求。(host檔案:解析域名的時候會先去host檔案中找域名,若域名存在則直接連線到指定的ip地址)

host檔案位置 C:\Windows\System32\drivers\etc


4.啟動本地伺服器

5.根據微信開發者文件中的說明,獲取使用者資料,詳見 微信開發者文件


最後一步,在跳轉到回撥url的時候,注意加下tomcat中工程的虛擬路徑,

(這裡的域名已經對映到127.0.0.1了,就像直接登陸tomcat一樣還需要加上工程的虛擬路徑一樣 http:127.0.0.1/XXXX/index.html ,XXXX就是過程的虛擬路徑  )

直接跳轉的url是  http://xxxx.com/.....

加上虛擬路徑後變成  http://xxxx.com/XXXX/......

敲一下回車,完成  ^_^