通过电商项目，详解抓包到接口测试，附图片验证码 +cookie 问题处理！

通常来说，进行接口测试，开发会提供对应的接口文档给到测试，但也有例外。开发无接口文档，但领导又需要你对刚开发的软件，进行接口测试、接口自动化测试、甚至是性能测试。这个时候作为专业测试应该怎么办？

通过抓包工具获取接口信息，利用工具调通接口，接口信息不明确跟开发沟通，再进行接口测试，完美解决！

抓包获取接口信息

主流的抓包工具有Fiddler、Charles，如果是网站项目可用浏览器F12开发者工具。以下通过电商项目给大家演示，如何通过F12抓取接口信息。

1、打开对应电商网站，按键盘F12调出开发者窗口，点击网络视图

清除： 在操作到需要的功能并记录对应接口信息前，在控制台窗口被记录的前请求信息，不需要的，可点击该图标进行清除

持续记录： 勾选后，请求列表不会在每次导航到新页面时被清除。例如抓登录请求会跳转到首页，勾选后抓取到的登录信息不会清除

2、进行功能操作，获取对应接口信息

按照业务流顺序，这里先抓取【注册】接口信息，页面选择账号注册，在页面输入用户名及密码，勾选同意，点击注册，获取到【注册】接口信息如下：

接口请求信息包括：请求方式、请求地址、请求头(重点关注Content-Type)、请求体

响应信息为： 响应头(注册接口当前不需要关注，若是登录涉及session鉴权需关注)、响应体

3、并将抓取到的接口信息整理到excel中作为用例，同时关注到数据库表信息用于接口测试验证。

如下：

将抓取的接口，进行接口脚本设计及执行-Jmeter

主流接口工具和平台，例如Jmeter、postman、apifox、metersphere。

我们每抓取到一个接口的信息，及时通过接口工具调通接口，有存在问题可速度跟开发沟通。以下Jmeter为例讲解。

1、注册接口

将抓取到的注册接口请求地址、请求方式、请求头、请求体填入Jmeter工具中，添加查看结果树后，点击运行，并查看对应响应结果确保接口调通。

问题： 响应结果并未返回如抓包得到的json格式信息{"msg":"注册成功","code":0}，而是返回xml

解决：

自行尝试或问开发，需要在请求头中添加如下字段：

Accept:application/json, text/javascript, /；

X-Requested-With:XMLHttpRequest

在Jmeter脚本中，添加HTTP信息头管理器，填入这2个字段信息，点击运行，接口调通。同时优化excel接口用例信息。

2、登录接口

进行的登录操作抓取到登录接口信息后，如下：

问题：图片验证码怎么处理？

解决：

让开发屏蔽掉验证码

让开发提供一个万能验证码

写代码处理验证码（获取到验证码图片，然后调用图片识别技术的平台）

这里，我们找开发帮忙提供了一个万能验证码LM23，并在Jmeter操作如下：

3、购物车接口

在商品详情页进行加入购物车操作，将抓取到接口信息，保存在excel中：

问题：购物车接口，需要依赖到登录状态，需登录鉴权，Jmeter怎么处理？

观察抓取到接口信息，可以看到购物车接口请求头中有携带Cookie信息：uuid、PHPSESSID；

PHPSESSID是登录成功后，由服务器生成，并返回在响应头Set-Cookie中。

解决：添加HTTP Cookie 管理器，jmeter自动处理！

总结

以上的实操只是小试牛刀，抓包并进行接口测试，并不是简单地把抓取到的接口信息复制到工具中就能运行成功！在接口脚本设计过程中，会碰到各种各样的问题，像图片验证码处理、短信验证码处理、文件上传操作、关联接口提取数据、唯一参数值问题等等；而这些问题都是伴随着你真正的项目去实践的！

另外，工作中完整的接口测试，是从接口需求-->接口用例设计-->接口脚本设计-->接口执行，定位bug并跟踪-->接口报告总结。而不仅仅只是某个工具Jmeter或postman的操作！

感谢每一个认真阅读我文章的人，礼尚往来总是要有的，虽然不是什么很值钱的东西，如果你用得到的话可以直接拿走：

 

这些资料，对于【软件测试】的朋友来说应该是最全面最完整的备战仓库，这个仓库也陪伴上万个测试工程师们走过最艰难的路程，希望也能帮助到你!有需要的小伙伴可以点击下方小卡片领取