一、抓包工具的使用

1.抓包工具简介

• Chrome/Firefox 开发者工具：浏览器内置，方便易用；
• Fiddler/Charles：基于代理的抓包，功能强大，可以手机抓包，模拟弱网，拦截请求，定制响应；

1. Fiddler：免费，只支持Win
2. Charles：收费，支持Win/Linux/Mac

1. wireshark：支持Win/Linux/Mac
2. tcpdumps：Linux抓包命令，功能强大，常用作服务端抓包

1）什么是代理？

（正向代理）

• 正向代理中, 代理和客户端在一个局域网内，对服务器透明
• 反向带来中，代理和服务器在一个局域网内，对客户端透明

• 反向代理可以做负载均衡
• 反省代理接口测试一般要先绑定本地hosts

2）怎么手动添加代理?

• 启动代理服务器，如开启Postman的代理服务（本机ip，默认端口5555）
• Win设置->代理 -> 配置代理ip和域名

3）手机设置上网代理（手机抓包）

• 笔记本和手机使用同一wifi上网
• 笔记本上启动代理服务器，如开启Postman的代理服务（本机ip,默认端口5555）
• 手机上长按wifi->选择管理网络或高级-> 手动配置代理 -> 配置代理ip和域名

• Win: notepad C:\Windows\System32\drivers\etc\hosts
• Linux: vim /etc/hosts(格式： ip 域名)

2.Chrome开发者工具

• Elements: HTML元素面板，用于定位查看元素源代码
• Console: js控制台面板，js命令行，查看前端日志
• Sources: 资源面板，用于断点调试js
• Network: 请求信息面板，查看请求及响应信息
• Timeline: 时间线面板，记录网站生命周期内所发生的各类事件
• Profiles: 事件详情面板
• Application: 本地存储，Session存储等资源信息
• Secuity: 判断当前网页是否安全
• Audits: 网络性能诊断

• 录制：记录或停止记录请求
• 清空： 清空所有请求
• 抓取快照：按帧捕获屏幕事件
• 过滤: 请用关闭过滤功能
• 搜索：搜索请求
• Group by frame：按框架分组
• Preserve log：页面重载时保留请求
• Disable cache：禁用缓存
• Offline：断网及弱网模拟

• Name: 资源名称
• Status: HTTP状态码
• Initiator: 请求源
• Size: 从服务器下载的文件和请求的资源大小。如果是从缓存中取得的资源则该列会显示(from cache)
• Timeline: 显示所有网络请求时间状态轴

• DOMContentLoaded：页面上DOM完全加载并解析完毕
• load：页面上所有DOM、CSS、JS、图片完全加载完毕
• 导出请求：右击请求 -> Copy -> Copy as fetch / Copy as cUrl

3.Fiddler简介

1）为什么使用Fiddler?

• 可以抓到请求数据，查看Raw格式/表单格式/Json/XML格式
• 可以拦截和修改请求
• 更强大的过滤器
• 可以抓取Postman/接口脚本发送的请求，方便调试
• 可以抓包手机请求 ...

2）Fiddler主界面

Fiddler的主界面分为 工具面板、会话面板、监控面板、状态面板

（Fiddler主界面）

• Inspectors：检查员

1. Raw：请求的原始格式
2. WebForm：请求的表单格式
3. Json：请求的Json格式请求
4. XML：请求的XML格式

• AutoResponsder：自动回复，可用于构造响应，Mock，不修改服务器文件调试接口
• Composer：设计者, 发送和调试请求
• FidderScript
• Filters：过滤器

1. Hosts：按服务器过滤
2. Clients Process：按客户端程序过滤
3. Request Headers：按请求头过滤
4. Breakpoints：设置断点
5. Response Status Code：按状态码过滤
6. Response Type and Size：按响应类型及大学过滤
7. Response Headers：按响应头过滤

3）自动断点设置

4）手机抓包

4.服务端抓包 - tcpdumps

二、Postman的使用

1.常见接口测试工具

• Postman：简单方便的接口调试工具，便于分享和协作。具有接口调试，接口集管理，环境配置，参数化，断言，批量执行，录制接口，Mock Server, 接口文档，接口监控等功能；
• JMeter：开源接口测试及压测工具，支持Linux及无界面运行；
• LR：商业版接口性能测试工具，简单易用，功能强大；
• SoupUI：开源，WebService接口常用测试工具，也可以测试Rest接口及接口安全。

2.新版Postman使用简介

1）工具栏

• New：新建，可以新建Request请求，Collection请求集，环境等等；
• Import：导入，可以导入别人导出的请求集；
• Runne：运行一个请求集（批量执行）；
• Invite：邀请（需要注册，邀请进行协作）；
• 同步图标：（需要注册，同步你的项目到云端）；
• 抓包图标：抓包/捕获请求，用于开启Postman代理， 手动设置代理（或手机代理）后可抓包/录制请求；
• 设置图标：Postman设置；
• 消息图标：官方及协助消息；
• 收藏图标：我的收藏（需要注册）；
• 云端图标：用户云端数据（需要注册）。

2）接口管理区

• History：请求历史记录，可以查询到之前的请求记录；
• Collections：接口集，相当于一个接口项目或测试计划，接口集中可以建立无限极子文件夹，用于对接口进行分组管理。

3）环境管理区

• 环境切换：用于切换环境；
• 环境预览：用于快速预览环境中的所有变量；
• 环境管理：用于添加修改环境及环境变量，以及全局变量。

4）什么是环境

www.sojson.com + /open/api/weather/json.shtml

5）接口设计区

• 请求区

1. 请求地址行：可以选择请求方法（GET/POST/...），填写请求地址，发送请求和保存请求到测试集；
2. 请求数据区：分为授权，请求头，请求数据，请求发送前执行的脚本（用于准备数据），请求结束后执行的脚本（用于断言）。

• 响应区：

1. 响应内容： 可以查看Pretty（美化格式），Raw（原始格式），Preview（HTML预览格式）；
2. 响应Cookie；
3. 响应头；
4. 测试结果，对应请求中Tests中设置的断言。

（Postman主界面功能）

6）Collection请求集

• 新建测试集： New按钮->Collection 或 直接点击测试集列表上方的新建测试集按钮。

（新建测试集）

1. 授权：测试集及其子文件夹下的接口统一使用该授权，不用每个接口再都单独设置一遍；
2. 请求前脚本： 测试集的每个接口公用的请求前脚本；
3. 请求后断言： 测试集每个接口公用的请求后脚本；
4. 请求集变量： 请求集中公用的一些变量。

• 子文件夹：子文件夹的属性中同样拥有描述，授权，请求前脚本，和请求后断言（没有变量，一个请求集的变量统一管理），实现了不同范围（Scope）的Fixture功能。
• 请求集导出：请求集可以导出并发送给别人（不携带环境信息），别人通过导入来使用你的接口。
• 请求集分享： 请求集直接分享给别人（双方都需要注册）。

（新建环境）

（环境变量的使用）

7）Params使用

（添加URL参数）

8)请求设计

• 授权：如果接口需要授权，可以在该页面设置授权方式（type）和授权信息
• Header：请求头，可以设置请求类型（Content-Type）和Cookie
• Body：请求数据

1. form-data：混合表单，支持上传文件
2. x-www-form-urlencoded：文本表单
3. raw：原始格式，支持JSON/XML格式（后面可选择）
4. binary：二进制格式，用于发送二进制数据流

• Pre-request Script：请求前脚本，Javascript语法，用于在发送请求前生成一些动态数据或做一些处理
• Tests：请求后脚本，Javascript语法，用于请求返回后做一些处理或断言结果

9）Postman发送各种格式请求的方法：

（混合表单请求）

（传统表单请求）

（JSON格式请求）

（XML请求）

10）Tests断言

• HTTP状态码断言：

tests["HTTP状态码200"]=responseCode.code == 200;

• 响应包含内容断言：

tests["状态码200"] = responseBody.has("登录成功");

（接口样例）

（断言方法）

• JSON响应断言

var jsonData = JSON.parse(responseBody);
tests["code为200"] = jsonData.code==200
tests["msg为success"] = jsonData.msg == "success"

（JSON响应断言）

11）Runner：测试集批量执行

• 支持设置迭代次数
• 支持加载csv或json类测试数据

• 新建一个Collection，比如名称Demo2；
• 填入URL：https://demo.fastadmin.net/admin/index/login.html， 选择POST方法；
• 请求数据（Body）格式选x-www-form-urlecoded，请求数据填写username {{username}} password {{password}}，这里使用了两个变量来做参数化。

（请求设置）

• 保存请求到Demo2中；
• 在电脑上新建一个data.csv文件，第一行为变量名，下面是数据，如下图：

（数据文件）

• 点击Postman工具栏的Runner按钮，Collection选择Demo2， Data选择数据文件data.csv， 点击运行Demo2。