微信公众号开发搭建本地调试环境

环境及工具：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.微信获取签名也需要注意对应，不然获取不到对应的微信方法调用权限