入门教程：使用Apifox测试API接口

目录

一、名词解释

二、准备工作

三、测试验证码接口

四、测试登录接口

五、测试其它接口

---

在当今的软件开发领域，接口测试是确保应用程序质量和稳定性的关键环节。对于初学者来说，掌握接口测试工具和方法尤为重要。本文将带你了解如何使用Apifox这一强大的API接口管理工具来测试若依框架的API接口。

一、名词解释

在开始之前，我们先来了解一下几个关键名词：

• Apifox：一款集API文档、API调试、API测试于一体的API接口管理工具，支持Postman、Swagger等数据导入。
• 若依框架：一个开源的后端管理框架，集成了Spring Boot、MyBatis Plus等常用框架，适用于快速开发后台管理系统。
• API接口：应用程序编程接口，允许不同的软件应用程序之间进行交互的数据交换协议。
• UUID：通用唯一识别码（Universally Unique Identifier），是一种软件构建的标准，用于唯一标识信息。
• Token：在计算机身份验证中，令牌（Token）是一种令牌，用来作为访问资源的凭证。

二、准备工作

1.运行若依后端程序。

2.安装并打开Apifox，创建一个API项目。

三、测试验证码接口

在API项目中新建一个GET请求，填写接口的URL。这里的8080是后端运行的端口号，可以根据实际情况修改。

 因为后端响应返回的验证码信息是Base64编码格式的，我们无法看到验证码的内容，所以需要在该接口的后置操作中添加一个自定义脚本用于解码。

// 获取图片数据
let svgContent = pm.response.json().img;

// 将 Base64 编码的图片数据转换为数据 URI 格式
let imgBase64 = `data:image/png;base64,${svgContent}`;

// 定义一个 HTML 模板，其中包含一个用于显示图片的 <img> 标签
let template = `
    <img src="{
  
  {imgBase64}}" />
`;

// 使用 Apifox 的 Visualizer 将 HTML 模板和图片数据渲染到 Visualizer 面板中
pm.visualizer.set(template, { imgBase64 });

完成后将接口保存，然后点击运行->发送，后端响应如下信息：

点击Visualize，可以得知验证码的答案是3.

由此，我们从验证码接口获得验证码答案3以及uuid。

四、测试登录接口

在API项目中新建一个POST请求，填写URL。

将接口保存，然后点击运行，填写请求体Body中的内容，最后点击发送。

后端返回的响应如下：

此时获得token信息，用于测试其它接口。

五、测试其它接口

请求方法和请求体根据接口需要写，只需要在请求头Headers中新增参数Authorization，将登录接口获得的token作为值，便可以测试其它接口了。

最后，不只是Apifox,Postman也是同样的原理。