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 (黑白名单)

相关推荐
爱吃香菜的初学者6 分钟前
十九.Linux——TCP协议(1)
linux·网络·tcp/ip
好啊好啊郝!1 小时前
计算机网络最基础知识点
服务器·网络·计算机网络
辰辰观影1 小时前
外挂字幕怎么导入播放器?2026实用教程
网络
海量计划1 小时前
OSPF路由详细讲解
网络
Thanks_ks1 小时前
Cookie 和 Session 到底是什么关系——登录态是怎么维持的
分布式·http·jwt·cookie·session·后端开发·登录态
QianhangQianping2 小时前
WebSocket实时推送+ HTTP 定时轮询:一块大屏两套取数怎么不打架
前端·websocket·网络协议·http·低代码·架构·数据可视化
2401_868534782 小时前
论新技术在网络规划中的应用
网络
QH139292318802 小时前
R&S ZNA43 ZNB3044 10MHz~43.5GHz网络分析仪
网络·5g
Brilliantwxx2 小时前
【STM32】 内部 Flash 的 HAL 库函数详解与自定义封装实战
linux·服务器·网络
西索斯coding3 小时前
qwen3.8-max-0902 和 minimax-m3 改真实仓库差多少?2026 年 50 个缺陷复现实测框架
java·服务器·网络·ai