在微信公众号进行网页开发时，有些授权操作和调用微信JSSDK的操作，通过微信开发工具和微信测试号，可以很方便的进行本地开发调试。相比于内网穿透工具进行真机调试就会方便很多。

1. 下载微信web开发者工具

地址

2. 申请微信接口测试号，设置授权回调页面域名

回调页面域名在正式环境只支持域名，通过测试号可以填写IP地址，即可本地开发调试。

申请地址，依据教程申请就行。申请完成后，登陆微信接口测试号，扫描测试号提供二维码关注测试号。设置授权回调页面域名，在体验接口权限表中，找到 网页服务－网页帐号－网页授权 获取用户基本信息 ，点击右边的 修改，进行修改。

在弹出的窗口，填写你计算机的IP、端口(如果你计算机的IP经常变化，记得及时更改此设置，确保与你计算机的IP一致)。

3. 运行微信web开发者工具

用个人微信登陆web开发者工具（关注了微信接口测试号的个人微信）。

4. 调试微信网页

这里可以进行微信JSSDK的调试，以及网页授权接口的调试。

1. 创建静默授权的链接（此链接一般配置在微信公众号菜单上的）：

https://open.weixin.qq.com/connect/oauth2/authorize?appid=APPID&redirect_uri=REDIRECT_URI&response_type=code&scope=SCOPE&state=STATE#wechat_redirect

其中，

• appid：微信接口测试号的appID，登录微信接口测试号可以查询到。
• redirect_uri：微信网页授权后回调访问页面地址（此处需要更改，可以依据不同环境配置不同的路径），正式环境只支持域名
• scope: snsapi_base为静默授权的固定值

将上述内容替换掉之后的链接如下（appid和redirect_uri替换成自己的）：    https://open.weixin.qq.com/connect/oauth2/authorize?appid=wx16017a14e8c02212&redirect_uri=http://127.0.0.1:8080&response_type=code&scope=snsapi_base&state=STATE#wechat_redirect

2. 将创建好的链接拷贝到微信web开发者工具地址上访问

就可以进行微信的授权调试，调用JSSDK调试了。