Charles mock数据之Map篇

最新推荐文章于 2024-07-07 10:37:03 发布
原创 最新推荐文章于 2024-07-07 10:37:03 发布 · 2.9k 阅读 · 7 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#charles使用 #mock数据 #map remote功能 #map local功能

本文介绍了Charles的Map功能，包括Map Remote和Map Local。Map Remote用于将请求重定向到其他网址，模拟不同环境；Map Local则将请求重定向到本地文件，方便修改响应数据以测试前端展示。通过这两个功能，开发者可以在后端接口未完成时进行前端开发和测试。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

目录

一、mock数据作用

mock数据作用
1、在后端接口未完成时按照接口文档即可模拟响应数据，让前端提前开发、让测试提前测试
2、模拟响应数据，测试前端页面展示
Charles有3种Mock数据实现：
1、Map 功能：将某一些请求重定向到另一个网络地址或本地文件
2、Rewrite 功能：将网络请求进行一些正则替换
3、Breakpoints 功能：将修改请求参数、响应数据，做些临时修改
这里我们先只讲下Map功能，后续再讲Rewrite功能和Breakpoints功能

二、Map Remote 功能

功能： 将指定的网络请求重定向到另一个网址
场景：测试包已写死接口url，想测的接口部署在别的服务器（如：另一个测试环境）
使用：先请求一下要重定向的接口，在url上右键选择Map Remote，设置重定向请求信息
1、请求http://www.baidu.com，设置重定向https://blog.youkuaiyun.com
在这里插入图片描述
2、当我们再次请求百度时会重定向到优快云
在这里插入图片描述
总结：Map Remote功能类似SwitchHosts功能，可以映射、切换不同环境，但其实不如SwitchHosts工具好用

三、Map Local 功能

功能： 将指定的网络请求重定向到本地文件
场景：人为修改接口返回数据，测试前端在接口不同返回数据下的展示
使用

最低0.47元/天 解锁文章

200万优质内容无限畅学
使用Charles mock数据之Map功能
weixin_43016362的博客
05-22 781
2、右击选择Map Remote后填写请求；或点击Tools-->Map Remote。场景：接口只在特定环境能用或只在特定环境有，将测试环境的接口换成特定环境的接口；2、右击选择Map Local或点击Tools--Map Local填写请求。3、把这些都设置好之后，再次重新请求刚才的接口，可以看页面显示了修改后的数据。1、先请求想要重定向的接口，将接口的返回数据保存到本地，修改成想要的返回数据。功能：将指定的网络请求重定向到另一个请求。功能：将指定网络请求重定向到本地文件。1、先请求想要重定向的接口。
Mock数据
weixin_42491847的博客
05-12 390
使用步骤： 1.在项目当中src文件夹中创建mock文件夹 2.第二步准备JSON数据（mock文件夹中创建相应的JSON文件） -------格式化一下，别留有空格（跑不起来） 3.把mock数据需要的图片放置到public文件夹中【public文件夹在打包的时候，会把相应的资源原封不动打包到dist文件夹中】 4.创建mockServe.js通过mockjs插件实现模拟数据 5.mockServe.js文件在入口文件中引入（至少需要执行一次，才能模拟数据） 以轮播图为例： banner.j
Charles-Map local，mock测试数据
ludanatong的博客
12-17 323
修改请求参数，mock数据 很多电商APP，用户首次进入首页的时候会弹出一个弹层，这个弹层叫天降，天降弹层中通常可以展示一些优惠券用于引导用户下单。 由于天降后端依赖多个其他的系统，在业务上限制天降一天降一次，很多时候需要mock数据，看天降的弹层样式以及跳转协议。 通过Charles进行mock数据的时候使用的是Charles的Map local的功能。 通过charles抓包，然后把网关返回的参数复制到文本文件中，在需要替换参数的请求上，右键->Map local 再次在APP上请求接口，就会走
地图mock数据json文件
10-20
var provinces = [{ "name": "北京市", "id": "110000" }, { "name": "天津市", "id": "120000" }, { "name": "河北省", "id": "130000" }, { "name": "山西省", "id": "140000" }, { "name": "内蒙古自治区", "id": "150000" }, { "name": "辽宁省", "id": "210000" }, {
charles--map功能
撞南墙的猪
05-08 4550
map local映射到本地文件 tools->>map local（调试本地css\js等，还可以把请求结果存下来，改下，然后再映射） map remote映射到其它地址 备注：端口号都写443 备注：jsonp请求生成的随机参数不必写在Query里，比如这个请求地址https://www.condenastsub.com.cn/mobile/api/shopping?_=15...
charles mock数据
m0_56687854的博客
06-20 4550
使用Charles mock假数据
使用Charles mock服务端响应数据
m0_65431718的博客
07-07 512
客户端受到接口响应数据的限制，无法继续开发或测试，会极大影响开发测试效率。因此需要使用Charles mock接口数据。
Charles的mock实战之Map Local
qq_33581509的博客
04-28 943
Charles的mock实战之Map Local Map Local的原理是客户端发送请求，通过charles读取本地文件作为响应内容返回给客户端，Map Local没有把请求发送给服务端，而是把请求发送到本地文件上面，也就是说本地文件直接替代了服务端。 实战一：把百度首页的内容改为自己写的本地文件的内容 1、浏览器通过SwitchyOmega设置charles代理 2、编写一个本地文件，文件名为gitlab.txt,内容如图： 3、打开Charles界面，抓取百度首页的请求，如图： 4、右键抓取到百度
仿百度地图搜索+mock数据展示
12-26
仿百度地图搜索查询框+mock数据基本展示+ js触发mark定位。
Mock数据案例
soos的博客
08-26 509
mock模拟数据
【charles】阻塞、拦截篡改、接口重定向Map
antyuki的博客
06-24 1433
mock本地数据
一文让你快速上手 Mockito 单元测试框架（上）
ifeves的博客
06-18 995
作者｜mghio编辑｜包包 前言在计算机编程中，单元测试是一种软件测试方法，通过该方法可以测试源代码的各个单元功能是否适合使用。为代码编写单元测试有很多好处，包括可以及早的发现代码错...
测试必知必会的Mock数据方法
欢迎关注【微信公众号】测试开发Guide，从功能测试进阶测试开发
07-18 3369
大家好，我是洋子。在文章《接口测试（3）-构造测试数据》我提到了构造测试数据的方法，但这篇文章当中都是构造真实的测试数据。然而在实际测试过程中，我们难免会遇到业务场景非常复杂，上下游调用链路复杂或者是某个依赖模块不稳定等，导致无法构造真实测试数据的情况这个时候想要进行测试，就需要先去进行Mock数据，然后再进行接下来的测试。...
Mock（Mockito）单元测试实战
hangge的学习基地
08-31 2708
1、什么是Mock? mock是在测试过程中，对于一些不容易构造/获取的对象，创建一个mock对象来模拟对象的行为。比如说你需要调用B服务，可是B服务还没有开发完成，那么你就可以将调用B服务的那部分给Mock掉，并编写你想要的返回结果。 Mock有很多的实现框架，例如Mockito、EasyMock、Jmockit、PowerMock、Spock等等，SpringBoot默认的Mock框架是Mockito，和junit一样，只需要依赖spring-boot-starter-test就可以了。本文代码基于jd
Mockito—参数匹配
小强快跑~~
03-02 3190
mock方法时，总会因场景不同，调整参数的匹配情况。比如：某个参数是为了在数据库进行模糊查询的；或则精确匹配时，引用类型参数未实现equals方法。这时候就需要mock方法时，进行不同匹配。 1.参数精确匹配 Map mockMap = Mockito.mock(Map.class); // 1.精确匹配 Mockito.when(mockMap.get(11)).thenReturn(111); // 基础类型 Mockito.when(mockMap.get(Li.
mock详解
热门推荐
u011280083的博客
01-25 1万+
使用 Mockito 的 @InjectMocks 创建被测试类实例 2018-02-01 — Yanbin   初识 Mockito 这个测试框架后，我们要使用 Mock 的属性创建一个被测试类实例时，大概会下面这么纯手工来打造。 假定类 UserService 有一个属性 UserDao userDao, 需要构造 UserService 实例时 Mock 内部状态 UserDao...
Mock 数据的常见方案之Mockoon 零基础教程-模拟数据本地用 Mockoon 就够了
洪晓鸿
04-24 2624
Mockoon 是一款开源、跨平台的 API Mock 工具，它可以帮助你快速创建本地的 API 模拟服务器。它的设计理念是简单易用，让你无需编写任何代码就可以轻松创建和管理模拟服务器。此外，Mockoon 具有丰富的特性，支持 RESTful API、WebSocket 和多种请求方法。它的可视化界面让你在一瞬间爱上这款工具。Mockoon 是一个基于 Electron 构建的桌面应用程序，它使用 Node.js 内置的 HTTP 模块创建本地 HTTP 服务器。
vue项目之mock数据步骤（笔记）
qq_34936893的博客
09-14 4442
脱离后端，前端mock数据整页面啦~
mockito模拟测试框架心得1
金子砸死我吧
03-02 1391
mockito是一款非常不错的模拟测试框架，他可以按照你的需求，来生成一个模拟框架，这样给我的工作中解决了很多问题，比如做单元测试，service依赖dao，如果我测试service层方法，但是调用dao的方法，第一他会打印很多让我讨厌的信息，但是我也不想去频繁修改log4j，第二 这样速度确实有些慢。 那么，我可以模拟一个dao对象出来，并且预先设置好了，你这个dao对象调用方法，返回什么什么
charles中mock数据
最新发布
05-29
### 如何在 Charles 中配置和使用 Mock 数据 Charles 是一款功能强大的网络调试工具，支持通过多种方式设置和使用 Mock 数据。以下是关于如何在 Charles 中配置和使用 Mock 数据的详细说明。 #### 1. 使用 Breakpoints Setting 配置 Mock 数据 Breakpoints 功能允许你在指定的 HTTP 请求或响应处暂停，并手动修改请求或响应内容。这可以用来模拟服务器返回的数据。 - 在 Charles 中选择需要拦截的请求。 - 右键点击该请求，选择 **"Set Breakpoint"**。 - 当请求被拦截时，可以在 **Request** 或 **Response** 标签页中修改数据[^1]。 #### 2. 使用 Map Local 功能进行 Mock 数据配置 Map Local 功能可以将特定的 URL 映射到本地文件，从而模拟服务器返回的数据。 - 在 Charles 的菜单栏中选择 **"Tools" -> "Map Local..."**。 - 点击 **"Add"** 按钮，添加一个新的映射规则。 - 在 **"Host"** 和 **"Path"** 字段中输入目标 URL 的相关信息。 - 在 **"Local Path"** 字段中选择一个包含 Mock 数据的本地文件（如 JSON 文件）。 - 确保启用该规则后，所有匹配的请求都会返回本地文件中的数据[^1]。 #### 3. 使用 Map Remote 功能进行 Mock 数据配置 Map Remote 功能可以将某个 URL 的请求重定向到另一个 URL，从而模拟不同的服务器响应。 - 在 Charles 的菜单栏中选择 **"Tools" -> "Map Remote..."**。 - 点击 **"Add"** 按钮，添加一个新的映射规则。 - 在 **"From Host"** 和 **"From Path"** 字段中输入原始 URL 的相关信息。 - 在 **"To Host"** 和 **"To Path"** 字段中输入目标 URL 的相关信息。 - 启用该规则后，所有匹配的请求都会被重定向到目标 URL。 #### 4. 使用 Rewrite Settings 功能进行 Mock 数据配置 Rewrite 功能允许你根据自定义规则修改请求或响应的内容。 - 在 Charles 的菜单栏中选择 **"Tools" -> "Rewrite..."**。 - 点击 **"Add"** 按钮，添加一个新的改写规则。 - 在 **"Scope"** 标签页中定义规则的作用范围。 - 在 **"Rules"** 标签页中定义具体的改写规则，例如替换响应体中的某些内容。 - 启用该规则后，所有匹配的请求或响应都会按照规则进行修改[^1]。 #### 5. 使用 Compose 功能手动发送 Mock 请求 Compose 功能允许你手动创建并发送 HTTP 或 HTTPS 请求，方便进行 API 测试或调试。 - 在 Charles 的菜单栏中选择 **"Tools" -> "Compose"**。 - 在 Compose 窗口中设置请求的方法（GET、POST 等）、URL、头部信息和请求体。 - 点击 **"Send"** 按钮发送请求，并查看服务器返回的响应[^3]。 #### 6. 使用 Throttle Settings 模拟网络延迟 Throttle 功能可以模拟不同网络条件下的请求和响应，帮助测试应用在网络不佳情况下的表现。 - 在 Charles 的菜单栏中选择 **"Proxy" -> "Throttle Settings..."**。 - 定义上传和下载的速度限制。 - 在 **"Proxy" -> "Throttle Enabled"** 中启用 Throttle 功能[^1]。 #### 示例代码：Mock JSON 响应 以下是一个示例 JSON 文件，用于模拟服务器返回的数据： ```json { "data": { "name": "Mock Data", "value": 123 }, "message": "This is a mock response.", "status": "success" } ``` ### 注意事项 - 在使用 Charles 进行 Mock 数据测试时，请确保代理配置正确，以便 Charles 能够捕获所有的 HTTP 和 HTTPS 请求[^2]。 - 如果需要对 HTTPS 请求进行 Mock，可能需要安装 Charles 的 SSL 证书，并在设备上信任该证书。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值