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

Bertha 。 2023-10-13 23:19 11阅读 0赞

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

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

### **抓包获取接口信息** ###

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

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

![图片][777618f73b6c857619b26126f0fcb50d.png]

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

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

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

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

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

![图片][a7598f3fda1c3ba810867eeda75943d2.png]

![图片][4bf3a0704f0bcf6aa832226fff635ad3.png]

![图片][551d30e306cd38d022a4cca519bb54ec.png]

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

![图片][3446324237670e287332e363189a0ded.png]

![图片][137d4ce828657e1c127d2025ed014585.png]

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

如下：

![图片][d8297dc3e845d9d18790b9becfe02236.png]

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

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

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

1、注册接口

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

![图片][dad398f1509d5ca13bfb09c3cfd6e0f2.png]

![图片][cdc0cb9de3817fb651eed64fa41a7921.png]

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

解决：

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

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

X-Requested-With:XMLHttpRequest

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

![图片][41202c9edfd2bc457aa325a1aceb3f09.png]

![图片][340ceb1f5ab26dedc53c88cf7e3d7164.png]

2、登录接口

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

![图片][1d91fda2968dde3f12beb6aedcb84ab8.png]

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

解决：

让开发屏蔽掉验证码

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

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

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

![图片][0b81211eb2173a22924a2a6d017fcab1.png]

![图片][03111032adbb761065a63af3030819b8.png]

3、购物车接口

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

![图片][60bae25dd6ca0127a56d5df628caedc1.png]

![图片][3ee53eaede4690d05b7ca0236dcff9d3.png]

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

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

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

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

![图片][f4d4187552aaabe941da41824a15e259.png]

![图片][198918f85b0d1a5780ed103658ab53be.png]

### **总结** ###

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

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

**最后：**下方这份完整的软件测试视频教程已经整理上传完成，需要的朋友们可以自行领取**【保证100%免费】**

![8b0171187dce405e878f274a8cdd9ec0.png][]

#### **软件测试面试文档** ####

我们学习必然是为了找到高薪的工作，下面这些面试题是来自阿里、腾讯、字节等一线互联网大厂最新的面试资料，并且有字节大佬给出了权威的解答，刷完这一套面试资料相信大家都能找到满意的工作。

![a3e4226c935c4242804cbdf26b571bc6.png][]

![58df6cd288094ad8874e814f2477620b.gif][]

[777618f73b6c857619b26126f0fcb50d.png]: https://img-blog.csdnimg.cn/img_convert/777618f73b6c857619b26126f0fcb50d.png
[a7598f3fda1c3ba810867eeda75943d2.png]: https://img-blog.csdnimg.cn/img_convert/a7598f3fda1c3ba810867eeda75943d2.png
[4bf3a0704f0bcf6aa832226fff635ad3.png]: https://img-blog.csdnimg.cn/img_convert/4bf3a0704f0bcf6aa832226fff635ad3.png
[551d30e306cd38d022a4cca519bb54ec.png]: https://img-blog.csdnimg.cn/img_convert/551d30e306cd38d022a4cca519bb54ec.png
[3446324237670e287332e363189a0ded.png]: https://img-blog.csdnimg.cn/img_convert/3446324237670e287332e363189a0ded.png
[137d4ce828657e1c127d2025ed014585.png]: https://img-blog.csdnimg.cn/img_convert/137d4ce828657e1c127d2025ed014585.png
[d8297dc3e845d9d18790b9becfe02236.png]: https://img-blog.csdnimg.cn/img_convert/d8297dc3e845d9d18790b9becfe02236.png
[dad398f1509d5ca13bfb09c3cfd6e0f2.png]: https://img-blog.csdnimg.cn/img_convert/dad398f1509d5ca13bfb09c3cfd6e0f2.png
[cdc0cb9de3817fb651eed64fa41a7921.png]: https://img-blog.csdnimg.cn/img_convert/cdc0cb9de3817fb651eed64fa41a7921.png
[41202c9edfd2bc457aa325a1aceb3f09.png]: https://img-blog.csdnimg.cn/img_convert/41202c9edfd2bc457aa325a1aceb3f09.png
[340ceb1f5ab26dedc53c88cf7e3d7164.png]: https://img-blog.csdnimg.cn/img_convert/340ceb1f5ab26dedc53c88cf7e3d7164.png
[1d91fda2968dde3f12beb6aedcb84ab8.png]: https://img-blog.csdnimg.cn/img_convert/1d91fda2968dde3f12beb6aedcb84ab8.png
[0b81211eb2173a22924a2a6d017fcab1.png]: https://img-blog.csdnimg.cn/img_convert/0b81211eb2173a22924a2a6d017fcab1.png
[03111032adbb761065a63af3030819b8.png]: https://img-blog.csdnimg.cn/img_convert/03111032adbb761065a63af3030819b8.png
[60bae25dd6ca0127a56d5df628caedc1.png]: https://img-blog.csdnimg.cn/img_convert/60bae25dd6ca0127a56d5df628caedc1.png
[3ee53eaede4690d05b7ca0236dcff9d3.png]: https://img-blog.csdnimg.cn/img_convert/3ee53eaede4690d05b7ca0236dcff9d3.png
[f4d4187552aaabe941da41824a15e259.png]: https://img-blog.csdnimg.cn/img_convert/f4d4187552aaabe941da41824a15e259.png
[198918f85b0d1a5780ed103658ab53be.png]: https://img-blog.csdnimg.cn/img_convert/198918f85b0d1a5780ed103658ab53be.png
[8b0171187dce405e878f274a8cdd9ec0.png]: https://img-blog.csdnimg.cn/8b0171187dce405e878f274a8cdd9ec0.png
[a3e4226c935c4242804cbdf26b571bc6.png]: https://img-blog.csdnimg.cn/a3e4226c935c4242804cbdf26b571bc6.png
[58df6cd288094ad8874e814f2477620b.gif]: https://img-blog.csdnimg.cn/58df6cd288094ad8874e814f2477620b.gif