Charles mock数据之Map篇

一、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 功能

功能： 将指定的网络请求重定向到本地文件
场景：人为修改接口返回数据，测试前端在接口不同返回数据下的展示
使用方法：先请求一下要重定向的接口，保存该接口返回数据到本地，在url上右键选择Map Local
1、背景：测试数值过大时单位是否正常变化
先请求待重定向的接口，保存响应数据到本地(文件格式要以.json为后缀）

返回数据字段都是0，当前的前端展示：

2、修改本地保存的文件data.json数据，并设置Map Local
注意：Path是接口信息，Query是请求参数一般设置为空即可，Local Path添加修改后的本地文件
因为本地数据已修改，当前的前端数据按我们设定数值展示：

可以看出，数值达到10000单位显示万，达到100000000单位显示亿，前端单位测试是正常的
总结：Map Local功能还是经常被使用的，可随意更改响应数据来测试前端页面数据展示
·········································································································································
本文介绍Charles Map功能使用~~请大家多多指教，能get到知识点不要忘了关注点个赞~。