关于前端:测试包调试本地代码方法

2次阅读

共计 820 个字符,预计需要花费 3 分钟才能阅读完成。

因为一些客户端测试包存在平安限度,仅反对白名单内的域名能力拜访,对调试本地代码带来很多不便,如果不想代码改变一次就部署一次那就持续看上来吧~
家喻户晓 charles 是一款十分好用前端抓包利器,以上问题就能够通过 charles 的 Map Remote 性能实现。Map Remote 能够通过配置映射更改申请地位,即可实现应用测试包调试本地代码无需部署到环境的诉求。

一、配置流程

⭐️步骤一:装置 charles(具体过程省略,可参考其余配置教程)
⭐️步骤二:关上 charles,配置 map remote 转发

// 门路
Tools -> Map Remote -> Add  -> Edit Mapping

// 配置信息【Map From】protocol: http

Host: tc-70478866-20220921105707-sl-api.bike.test.sankuai.com

Port: 80

Path: /*【Map To】protocol: http

Host: localhost

Port: 9091

Path: /

⭐️步骤三:手机连贯 charles,此时拜访测试包内对应配置中测试泳道的链接时,理论拜访的地址为本地代码,代码转发指标实现✅。(手机与电脑需链接不同网络)

二、可能会遇到的问题

手机抓包提醒 unknown,多为 https 证书生效或缺失,手机端装置 https 证书:

在菜单栏抉择 Help -> SSL Proxying -> Install Charles Root Certificate on a Mobile Device or a Remote Browser,弹出提示框,依据提醒在设施上应用浏览器拜访 http://chls.pro/ssl,浏览器会主动下载证书并提醒装置,依据提醒一步一步装置好,证书会被增加到『设置 -> 通用 -> 形容文件』中。

留神装置证书时的第二句形容,证书装置好后,须要在设置中进行信赖设置:『设置 -> 通用 -> 对于本机 -> 证书信赖设置』,对上一步装置的 Charles 证书启用齐全信赖!

正文完
 0