利用fiddler将线上地址映射到本地代码

在做微信网页开发的过程中使用了微信的JS-SDK，但是微信的JS-SDK需要在白名单的ip或者域名下调用才可以使用，在开发过程中我们可以使用fiddler将线上地址映射到本地的服务，从而达到访问线上地址（白名单中的地址）实际走到我们本地代码的服务上来完成开发

一、设置fiddler

打开fiddler，工具 -- HOSTS
勾选启用映射
下面输入实际要访问的地址+空格+访问的地址
这时候访问线上的地址即可映射到本地的服务上

例如我的第一个输入我本地服务运行的地址(注：必须为IP地址  127.0.0.1或localhost无效)+空格+线上的地址
这样我在浏览器url访问线上的地址，实际运行了我本地服务的代码，因为我url是线上地址（线上地址在白名单中），这样调用微信jdk也不会受到限制

 

1.png

 

2.png

二、 手机调试
虽然微信开发者工具可以模拟多个JDK，但是还是需要真机调试的, 通过fiddler使手机也可以访问到线上地址时映射到电脑本机服务和查看手机的请求参数（需要手机和电脑在同一个无线局域网之内）

首先使用fiddler -- 工具 -- 选项 -- 连接 -- 允许远程连接和设定端口

然后设置手机wifi代理
主机名就是电脑本机IP，端口是fiddler设置的远程连接端口

这样在手机微信访问线上地址就可以映射到电脑本机的代理而且还通过了微信JDK白名单

 

3.png