微信公众号开发搭建本地调试环境
环境及工具: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.微信获取签名也需要注意对应,不然获取不到对应的微信方法调用权限