Yapi的安装和使用_yapi前端怎么使用

目录

前言

一、Yapi的安装

二、Yapi的使用

1. 创建分类

 2. 添加项目

3. 创建接口分类

4. 创建接口

5. 运行接口

6. 创建测试集合

---

前言

        yapi是API管理平台，旨在为开发、产品、测试人员提供更优雅的接口管理服务，其官网链接： YApi-高效、易用、功能强大的可视化接口管理平台

一、Yapi的安装

docker版本的安装，参考：顶尖 API 文档管理工具 (YAPI) - 简书

二、Yapi的使用

1. 创建分类

        点击左上角的添加分组图标，在弹窗配置分类名等信息，点击“确定”按钮

 2. 添加项目

        点击右上角的“添加项目”按钮 

         在跳转的页面配置项目名称、所属分组等信息，点击“创建项目”按钮

3. 创建接口分类

        点击某个项目

        点击“添加分类”按钮，在弹窗配置分类名和备注，点击“提交”按钮即可。

4. 创建接口

        选择某个分类，点击“添加接口”图标

        在添加接口弹窗配置接口名称和接口路径，点击“提交”按钮

        在“编辑”Tab配置接口的Body、Query、Headers等信息

         配置完后点击“保存”按钮

5. 运行接口

        在任意一个接口的运行Tab点击“手动下载”，下载chrome插件的zip文件

        解压zip文件后得到 cross-request.crx文件，如果直接将该文件拖到chrome的扩展程序页面会有如下报错：

        解决办法：

(1) 将 crx文件的后缀改为 rar；

(2) 解压该 rar 文件，会看到多个 js、html文件

(3) 在谷歌浏览器输入：chrome://extensions/，打开开发者模式

(4) 点击 “加载已解压的扩展程序”，选择第(2)步解压后的文件夹

        就能看到 cross-request 插件没有报错了

6. 创建测试集合

(1) 点击测试集的“导入接口”按钮

         勾选需要运行的接口

 (2) 选择运行环境，点击“开始测试”

 (3) 点击“测试报告”即可查看测试结果

 (4) 查看具体的发送请求，可以在运行Tab点击“YApi 新版如何查看 http 请求数据”

        点击 cross-request 插件的“背景页”

        点击接口的“发送”后，即可在 DevTools 的 Network里看到请求