Charles Map和Rewrite

Charles干什么的？

Charles是一款用于网络封包截取工具，具体请看入门教程，我相信网上很多大佬写的Charles教程都非常棒，从环境搭建带你飞。

接口测试

首先我们来讲一下为什么要做接口测试：

1. 验证系统的稳定性、安全性；
2. 检查系统异常处理能力；
3. 可以修改参数，打破前端页面输入限制；
4. 测试并发情况

Charles怎么帮助我们做接口测试？

1. Breakpoint Settings(断点设置)
2. Map（重定向）
3. Rewrite（重写）

Breakpoint Settings(断点设置)

经常使用Charles的同学应该都不陌生，打断点的操作，可以用来对修改网络请求或者返回内容进行测试，需要关注网络超时，所以我们也可以拿来测网络超时。

image.png
上图是对某一个网络请求进行断点设置，设置断点之后当我们再次请求该条网络请求，网页会暂停，这个时候Charles进入breakpoints，点击Execute （执行）。 另外 Abort （中止）， Cancel （取消）。
image.png
这里点击Execute进入修改Response页面，当然你也可以不修改之后点击当前页面的Execute。
image.png
来看一下我们在前端页面看到的效果。所以说Charles可以很多的用来做判断前后端问题，首先我们对请求体进行分析，如果请求体没有问题，说明前端请求是ok的，然后再看Response，Response有问题说明是后端问题。
image.png
依赖第三方数据的接口怎么测试？
答案：Mock

Map（重定向）

Map Local：将某个网络请求重定向到本地某个文件
Map Remote：将某个网络请求重定向到另一个网络请求

1. 制作一个本地文件
   选择需要保存到本地的网路请求，右键选择Save Response，保存为json文件。

   
   image.png

2. 本地重定向

   
   image.png
   

   Tools -> Map Local -> 勾选Enable Map Local -> 点击add按钮
   protocal：根据自己需要请求的接口选择http或者https的接口
   Host：正确选择接口host，我这里请求的是豆瓣电影的接口，host为movie.douban.com
   port：可以不写
   path：api
   Query：包含你的参数值

   
   image.png
   Local path：选择刚才制作的本地文件
   image.png
   

   这里我只做了一个将 countries=中国大陆 重定向到 countries=英国

   
   image.png

3. 网络重定向
   Tools -> Map Remote -> 勾选Enable Map Remote -> 点击add按钮

   
   image.png
   

   protocal：根据自己需要请求的接口选择http或者https的接口
   Host：正确选择接口host，我这里请求的是豆瓣电影的接口，host为movie.douban.com
   port：可以不写
   path：api
   Query：包含你的参数值

   
   image.png
   点击ok进行保存，我们去请求查看中国大陆的电影看看。
   image.png

Rewrite（重写）

Tools -> Rewrite -> 勾选Enable Rewrite -> 点击add按钮
可以修改name，修改一个你看得懂的name，方便未来使用。

image.png

protocal：根据自己需要请求的接口选择http或者https的接口
Host：正确选择接口host，我这里请求的是豆瓣电影的接口，host为movie.douban.com
port：可以不写
path：api
Query：包含你的参数值
点击ok之后，点击下一个框的add按钮，这里选择的type类型是modify query param，之后选择需要修改的参数已经值，这里讲参数爱尔兰重写为澳大利亚，之后我们去请求爱尔兰的电影，看到的就是澳大利亚的电影类目。

image.png