微信公衆號開發搭建本地調試環境

環境及工具：eclipse、nginx、微信開發者工具、Fiddler（抓包）、手機一枚、hosts

1.配置hosts

127.0.0.1 www.test.com

2.nginx配置（我的項目可能有些不同）

server {
       listen       80;
       server_name  www.test.com（測試服務器網址，這個要和你獲取的微信簽名的網址對應）;
       
       location /後端項目名/ {
        proxy_pass http://127.0.0.1:端口;
       }
       
       location /前端靜態文件項目/ {
        root D:/project/gitCode;（前端項目地址不要帶項目名）
         autoindex on;
       }
     }

3.vconsole 調試工具

在調試的頁面上添加vconsole引用。這個大家百度看

4.安裝打開fiddler工具

點擊Tools-》options

如果你的8888端口被佔用了，軟件會自動給你配置一個端口。想修改端口的話必須先關閉8888端口的程序，然後再打開這個軟件修改。IOS手機如果vconsole 按鈕出不來可能是vconsole.min.js被攔截了。去掉Options-》HTTPS 下的captureHtpps connects的勾

5.打開你的手機連接wifi 注意要和你的電腦同一局域網。筆記本的朋友可以直接分享熱點讓手機連接

然後手機配置代理

5.打開微信開發者工具-公衆號網頁

輸入訪問的地址 ；右下角有一個綠色的vconsole 按鈕就代表調試代碼可以了。

5.手機微信掃描二維碼打開對應的網址

如果vconsole 按鈕沒出來，可以自行百度搜索 安卓微信打開X5調試。

6.微信獲取簽名也需要注意對應，不然獲取不到對應的微信方法調用權限