Charles抓包工具系列文章(三)-- 接口映射工具(Map Remote和Map Local)

一、背景

前文的http请求都是静态的,像compose a new request,仅适用于接口的自测。

回放repeat 一个 http 请求,也无法做到动态调试。

这里的动态还是静态,是站在客户端的角度,数据是实时的,可调试的。

调试的返回数据报文,又可以分为两种:

  • 本地Local
  • 远程Remote

本地Local,不变的数据,类似于Mock数据,但对客户端是透明的。

远程Remote,实时变化的数据,存储在远程服务。好处是,可断点调试接口。

本文的重点是远程Remote方式,无论客户端访问的是测试环境还是生产环境,都可以被转发到你本地的环境。

二、架构

1、Map Local

2、Map Remote

三、Map Local

适用于以下场景:

  • api接口重定向
  • js/css重定向
  • html重定向

1、api接口重定向

把响应报文存储在本地文件里,修改为你需要的报文,最后设置Map规则。



接口的映射规则匹配后,直接返回本地Json文件的内容。见上~

2、js/css重定向

对于前端来说,数据不在本地,当需要调试页面样式的时候,可以把js和css请求转发到本地。

3、html重定向

跟上面的类似,方便前端开发人员调试页面,因为本地没有数据。

四、Map Remote

把192.168.80.226:9039请求转发到192.168.10.19:9039上。

把客户端的请求转发到远程服务器,填写Map规则,示例见下:

把客户端以/api/v1/work/*开头的接口转发到后端服务。

这个后端服务,可以是任何机器上的应用进程,包括本地。

适用于以下场景:

  • 测试环境的接口转发到本地
  • 接口调试

五、总结

通过接口映射工具,可以轻松修改客户端的响应报文,注意不能修改请求报文!!

如果需要修改请求报文,需借助于另外一款工具: Rewrite 。

从这里也可以看出来,如果你的服务使用http协议,使用代理工具charles后,就可以随意修改接口的响应报文。

期望展示的是图片A,结果看到的是图片B,出现"宜春是一座叫春的城市",也就不奇怪了。

附录

Charles抓包工具系列文章(一)-- Compose 拼接http请求
Charles抓包工具系列文章(二)-- Repeat 回放http请求
Charles抓包工具系列文章(三)-- 接口映射工具(Map Remote和Map Local)
Charles抓包工具系列文章(四)-- Rewrite 重写工具
Charles抓包工具系列文章(五)-- DNS spoofing (DNS域名伪装)
Charles抓包工具系列文章(六)-- Block List 和 Allow List (黑白名单)

相关推荐
喵个咪1 天前
Go-Wind HTTP 服务器从入门到精通
后端·http·go
MrSYJ3 天前
TCP协议理解
后端·tcp/ip
Goodbye7 天前
大模型无状态架构:从 HTTP 协议到 Harness AI 工程的深度解析
http
霜落长河13 天前
抛弃TCP改用UDP,HTTP3怎么了?
http
网络研究院14 天前
2026年网络安全
网络·安全·法律·法规·趋势·发展
酣大智14 天前
ARP代理--工作原理
运维·网络·arp·arp代理
treesforest14 天前
AI安全系统如何识别异常访问?IP风险识别正在成为关键能力
网络·人工智能·tcp/ip·安全·web安全
shushangyun_14 天前
2026年快消品B2B系统推荐:支持终端门店订货、促销政策自动化的工具?
java·运维·网络·数据库·人工智能·spring·自动化
2601_9618451514 天前
粉笔行测题库|系统班|刷题
网络·百度·微信·微信公众平台·facebook·新浪微博
程序猿阿伟14 天前
《Chrome离线扩展安装的底层逻辑与场景落地指南》
服务器·网络·chrome