当前位置: 首页 > Web前端 > HTML

测试环境域名访问转发到localhost方法

时间:2023-03-29 11:17:20 HTML

由于部分客户端测试包的安全限制,只能访问白名单中的域名,给调试本地代码带来很多不便。如果不想改一次代码,一次部署,那就继续往下读吧~我们都知道charles是一款非常好用的前端抓包工具。以上问题都可以通过charles的MapRemote功能来实现。MapRemote可以通过配置映射改变请求位置,可以实现在不部署到环境的情况下使用测试包调试本地代码的需求。1.配置过程??第一步:安装Charles(具体过程略,请参考其他配置教程)??第二步:打开Charles,配置地图远程转发//路径Tools->MapRemote->Add->EditMapping//配置信息【MapFrom】protocol:httpHost:tc-70478866-20220921105707-sl-api.bike.test.comPort:80Path:/*【MapTo】protocol:httpHost:localhostPort:9091Path:/??Step3:Mobilephone连接charles,此时访问测试包中对应配置中的testlane的链接时,实际访问的地址为本机代码,实现了代码转发的目的?。(手机和电脑需要连接不同的网络)2、可能遇到的问题。手机抓包提示unknown,多是因为https证书无效或丢失。在手机上安装https证书:在菜单栏中选择Help->SSLProxying->InstallCharlesRootCertificateonaMobileDeviceoraRemoteBrowser,会弹出提示框,使用设备上的浏览器访问http://chls.pro/ssl根据提示,浏览器会自动下载证书并提示安装,按照提示一步步安装,证书会添加到“设置->通用->描述文件””。安装证书时要注意第二句。证书安装完成后,需要在设置中设置信任设置:“设置->通用->关于本机->证书信任设置”,对上一步安装的Charles证书启用完全信任!