Apifox——程序员必备的接口调试工具

124 阅读2分钟

程序员必备工具分享——APIFOX,前后端都夸好的接口调试平台

一、准备资料

(一)平台学习链接

apifox.com/apidoc/shar…

(二)准备知识:URL的结构

要开始接口调试,首先要明白以下最基础的URL结构,即我们平常在浏览器搜索栏中输入的网址的结构

1715342343447.png

(三)测试准备账号:

{
    "username": "hmheima",
    "password": "Hmheima%123"
}

二、API接口登录操作详析

POST标记的文档,是所有浏览器都能访问到的。通常用于上传某些数据,登录操作使用的也是POST方法。进入上面提供的Apifox学习链接,首先要进行的就是登录操作,因为之后获取了token码,才可以进行其他操作。

(1)登录界面——选择左侧列表栏最下方的“首页-登录”

在这个界面中,最重要的有四个信息:

① POST:明确接口的请求方式

② /hm/login:资源路径

③ 请求参数:分为Header与Body两个部分

④ 返回响应:请求后从服务器返回的响应,基本结构为第一层级的四个数据字段(success、code、message、data)

1715343815990.png

token的说明:

1)第一次登录后,系统会返回一个token,作为登录识别码,会在浏览器中保存一段时间; 2)下一次登录或通过其他资源路径进行别的操作时,会作为Header参数传给服务器,通过后端过滤功能进行识别,若token仍有效可直接获得数据,token过期或不存在则会要求(重新)登录

(2)如何登录

点击资源路径后面的调试键,即可出现右侧的调试栏,以json格式输入上面给的账号密码,之后点击发送按钮,最后获取返回响应,从中提取token,以便之后进行其他操作

1715342715672.png

简单来讲就是以下四步,如图易知:

1715344469633.png

三、实操:如何通过apifox的接口调试给服务器上传用户头像

没有输入token会报401无法登录的异常:

1715346757200.png

下面是正确的操作以及返回的结果:

1715347220859.png

其中①处也可通过条件前面的类型选项,从而可通过输入图片网络地址等方式获取图片

四、实操视频:如何通过API接口上传、下载图片

recording.gif