《爆肝整理》保姆级系列教程-玩转Charles抓包神器教程(13)-Charles如何进行Mock和接口测试

1.简介

Charles最大的优势在于抓包分析，而且我们大部分使用的功能也在抓包的功能上，但是不要忘记了，Charles也可以做接口测试。至于Mock，其实在修改请求和响应数据哪里就已经介绍了，宏哥就是在这里简单的提一下介绍一下它的理论知识，今天主要介绍和分享的是使用Charles进行接口测试实操。

2.什么是Mock？

百度百科是这么说的：Mock测试就是在测试过程中，对于某些不容易构造或者不容易获取的对象，用一个虚拟的对象来创建以便测试的测试方法。

Mock 就是在测试过程中，对于一些不容易构造/获取的对象，创建一个 Mock对象 来模拟对象的行为。

Mock 方法 是单元测试中常见的一种技术，它的主要作用是模拟一些在应用中不容易构造或者比较复杂的对象，从而把测试与测试边界以外的对象隔离开。

3.Mock测试的优点

3.1团队并行工作

开发过程中，只要交互双方定义好接口，团队之间可以并行工作，进程互不影响，不需互相等待对方进度，只需约定好相互之间的数据规范（接口文档），即可使用 mock 构建出可用接口，然后尽快进行开发和自测，提前发现缺陷.

3.2测试驱动开发 TDD (Test-Driven Development)

单元测试是 TDD 实现的基石，而 TDD 经常会碰到协同模块尚未开发完成的情况，但有了 mock，测试人员可提前接入测试，提供测试效率，当接口定义好后，测试人员就可以创建一个 Mock，把接口添加到自动化测试环境，提前创建测试。

3.3测试覆盖率

接口涉及入参，或者业务逻辑复杂的情况，某些场景无法通过正常手段进行操作，而通过mock虚拟模拟，可以有效的增加覆盖率

3.4隔离系统

若一个接口在不同的状态下要返回不同的值，常见做法是复现这种状态然后再去请求接口，但使用某些接口时，可能因操作时机或方式不当导致失败，甚至污染后端存储如数据库等, 为避免系统数据库被污染，可以将接口调整为 Mock 模式，以保证数据库纯净。

4.Mock测试的缺点

Mock也不是万能的，使用Mock也存在着风险，需要根据项目实际情况和具体需要来确定是否选用Mock。

测试过程中如果大量使用Mock，mock测试的场景失去了真实性，可能会导致在后续的系统性测试时才发现bug，使得缺陷发现的较晚，可能会造成后续修复成本更大

5.Mock客户端

接口文档已对接完成，但后端接口还未开发完成，测试人员需要进行单元测试，或提前进行接口自动化测试，需要使用Mock各种请求返回的内容。

6.Mock服务端

遇到前端人员已完成开发任务，而后端人员开发打接口尚未完成这种情况，需要和前端人员联调进行测试，则需要搭建Mock服务。

好了，Mock的理论就介绍到这里，有兴趣的自己可以私下查资料。接下来就要进入今天的重点：使用Charles进行接口测试。

7.Compose

用Charles进行测试，我们使用的主要是Composer功能。这个和Fiddler工具类似。Composer允许自定义请求发送到服务器，可以手动创建一个新的请求。具体操作步骤如下：

7.1方法一

1.打开Charles，点击【Tools】-->【Compose】或者【Compose New...】 。如下图所示：

2.填写你要测试接口的信息，有接口文档，按接口文档填写，没有就自己抓包填写，如下图所示：

7.2方法二

1.选中抓到的接口请求信息，右键-->【Compose】，如下图所示：

 2.出现了接口请求的相关信息。如下图所示：

8.界面功能解析

根据下图图标注位置对Composer的界面功能进行说明。

1.请求方式：点开可以勾选请求协议是get、post等

2.url地址栏：输入请求的url地址

3.Execute按钮点击后就可以执行请求了

4.执行完成后会在右侧History区域生成历史记录

5.http版本：可以勾选http版本

6.添加请求参数

9.接口测试实战

9.1POST API实战

现在免费的接口很不好找，找了半天找到python里有一个，之前在Fiddler中也用的这个。就用这个举例吧。

接口信息：

参数格式：

{
    "form": {
        "comments": "北京宏哥post接口测试", 
        "custemail": "19182XX@qq.com", 
        "custname": "北京宏哥", 
        "custtel": "13045032408", 
        "delivery": "15:45"
  }
}

那么如何使用Charles调试一个POST请求并带有json格式的数据，具体操作步骤如下：

1.启动Charles，打开Compose面板, 在Compose新建面板中的输入URL（输入请求接口的地址），下拉框中选择POST请求方式,如下图所示：

2.点击【Compose】后,如下图所示：

3.点击【JSON Text】，然后输入请求的JSON数据,最后点击【Execute】如下图所示：

4.点击Execute(执行),若在会话列表中看到结果返回200表示操作成功,如下图所示：

5.在Inspectors里面查看到请求响应的结果了，我们事先知道接口返回的是json格式数据，点击响应部分的json将数据格式化，方便阅读。如下图所示：

9.2GET API实战

接口信息：一个带参数的 get 请求，如在豆瓣网搜索：西游记,url 地址为：https://www.douban.com/search?q=西游记。具体操作如下图所示：

1.启动Charles，打开Compose面板, 在Composer面板中的输入URL，下拉框中选择GET请求方式,如下图所示：

2.输入请求接口的参数,如下图所示：

3.点击Execute(执行),若在会话列表中看到结果返回200表示操作成功,如下图所示：

10.小结

 今天主要讲解和分享了如何使用Charles进行接口测试的两种请求方式，其他的请求类似！！！好了，今天时间也不早了，宏哥就讲解和分享到这里，感谢你耐心地阅读！！！

我正在参与2023腾讯技术创作特训营第三期有奖征文，组队打卡瓜分大奖！