公众号开发本地调试：whistle与微信开发工具

需要解决的问题

都知道微信公众号开发需要授权，域名需要固定，那么本地开发测试使用JSSDK的功能时，怎么映射成授权的域名呢？？

配置whistle

以前使用的charles因为要收费，这次换成whistle，还是开源的，中文文档非常好用，真心感谢作者。

使用whistle的方法很简单，可以按照whistle使用说明文档来操作。

whistle启动成功

whistle配置代理

想在微信开发工具或者手机上面请求固定好的域名，跳转到本地启动的项目http://127.0.0.1:8080/，是需要做代理转发映射的。
将域名地址映射成本机启动的地址

代理转发配置

配置微信开发工具

打开微信开发工具【设置】--> 【代理设置】，配置手动设置代理地址

手动设置代理

配置手机端

如果想在手机端也能通过域名访问授权，那么我们就需要配置手机端的代理。首先保证手机电脑同在一个局域网内，进入连接的网络，有一个【配置代理】，选择【手动】IOS和安卓位置不一样哦～。

image.png

总结

这里面用的就是一个代理转发的思想，虽然手机端发送请求是域名，但whistle监听到请求，根据配置的转发规则，转到不同的地址。
这个思想也可用到前端做跨域，或其他相关需要代理的，道理基本上是一致的。

代理后的结果