用了国产接口管理神器 Apifox 之后，我果断从 Postman “脱坑”了

àì夳堔傛蜴生んèń 2023-10-15 23:53 38阅读 0赞

在当前行业发展背景下，绝大部分项目都是基于前后端分离的架构进行的，由前后端、测试、运维等不同的团队共同开发，那么团队之间能否很好的 协同合作 无疑直接决定着项目的最终效果。

但是在实际开发流程中，团队之间的协同是很低效的，在联调时极易出现定义不一致等诸多问题。而且还用到了不同的工具如 Swagger、Postman、Mock、JMeter

明显造成了很多资源的浪费和低效使用。

![9800adb75b25abab3ca751ede75d726e.png][]

添加图片注释，不超过 140 字（可选）

###  ###

## Apifox 有哪些功能 ##

针对以上问题，Apifox 也确实提出了实际的解决方案，在 Apifox 官网中展示着这么一句话 Apifox = Postman + Swagger + Mock + JMeter，也就是将这四个开发工具的核心功能综合到了一起

使得前端、后端、测试均可方便定义和使用 API，避免工作的大量重复，最重要的是关于 API 的任何调整都可以实时同步到各个团队，保证项目过程中各个环节的一致性。

![19ab93a4aa7152a8045e12b8100f3591.png][]

添加图片注释，不超过 140 字（可选）

**除此之外，Apifox 还具有以下丰富的功能：**

**API 文档**：可视化的接口文档管理，支持数据结构定义，多接口复用相同数据结构，接口文档遵循 OpenAPI 规范，支持接口文档在线分享。

**API 调试**：拥有 Postman 的所有功能，更好用，可自动校验数据结构，自动发现接口异常。

**API 自动化测试**：完善的接口场景测试功能，支持调用其他编程语言。

**API 数据 Mock**：零配置即可 Mock 出非常人性化的数据，内置 mock.js 规则引擎，支持自定义期望。

**CI 持续集成**：支持命令行方式运行接口测试，支持集成 Jenkins 等持续集成工具。

**数据库操作**：支持数据库的读取与接口校验。

自动生成代码。

数据导入/导出：支持导入/导出十多种数据格式。

团队协作。

…

###  ###

## API First 理念下的开发流程 ##

Apifox 秉承的是 API first(API 优先)的先进理念，也就是开发团队首先制定 API，然后围绕 API 展开设计和开发。

使用 Apifox 之后，开发效率会大大提升且各方工作体验更好，与外部团队的协作也会更加顺畅。在此理念下的开发流程是这样的：

![c068ba8a80780ac4f677fb6aa686200b.png][]

添加图片注释，不超过 140 字（可选）

###  ###

## 团队管理&项目管理 ##

点击 “新建团队” 进行创建；

![84ce5585b4f9bbd1cd62e0c893e3728d.png][]

添加图片注释，不超过 140 字（可选）

创建成功如下，在团队中可以新建项目、添加成员和权限授予等操作；

![46733d42f1394f3ad63c026461b4daf3.png][]

添加图片注释，不超过 140 字（可选）

接下来新建一个项目；

![46c0299629d73906160d7dae7f875013.png][]

添加图片注释，不超过 140 字（可选）

点击项目进入后如下，可对此项目进行、接口管理、自动化测试、项目设置和邀请成员等相关操作；

![13e8e0046c9cad442a6b791d16ee5dc7.png][]

添加图片注释，不超过 140 字（可选）

###  ###

## 编写接口文档 ##

点击“＋” --> “新建接口”；

![483861cbcaf0d004639546568e7a9426.png][]

添加图片注释，不超过 140 字（可选）

如下是我新建的一个登录接口示例：

![ba941adc634be84dfe1f6abf3085b188.png][]

添加图片注释，不超过 140 字（可选）

\#接口地址、接口基本信息

![21e1595b3b73c063ccddd49d87a1e824.png][]

添加图片注释，不超过 140 字（可选）

\#请求参数设置

![af8d69c713b89df22a0fc62a57c386b4.png][]

添加图片注释，不超过 140 字（可选）

\#接口响应设置

设置完相关属性之后，点击保存，此时就会生成一个基于 Apifox 的接口文档，可以看到还可以运行此接口或者直接生成代码操作；

![0214a634d2b1c21ce8f1ae1cf98fe9f3.png][]

###  ###

## 智能 Mock 数据 ##

可以看到在文档中有一个 Mock 区域，包含 Mock url；

![9ad5b5d1552822dbf5a121cea99a967b.png][]

添加图片注释，不超过 140 字（可选）

我们复制此 mock 地址，在浏览器打开，便可以直接访问到 mock 数据；

![e0affc2879e0abf6c3f80b54c2028859.png][]

添加图片注释，不超过 140 字（可选）

在 API 文档设定好之后就可以直接用这个 Mock 地址来做开发了。

###  ###

## 在线分享 API 文档 ##

点击“项目概览”，新建在线分享；

![4e3b84c5b1b6ba9cc9c20704d1ddcfc3.png][]

添加图片注释，不超过 140 字（可选）

设定分享对象等参数；

![ac89801bec87c3b35c1c4e9292c755cf.png][]

添加图片注释，不超过 140 字（可选）

随后便可以复制链接进行分享了；

![34de7641f9048125eac710d9d263025f.png][]

添加图片注释，不超过 140 字（可选）

查看链接效果如下；

![69173b106c08cffe567863fca7914ff3.png][]

###  ###

## 自动化测试 ##

在进行自动化测试之前，我们先将当前的接口文档保存为用例，方便后面直接将接口用例导入自动化测试。

![d2f2157e1427b8b76bd1b07d9ef510eb.png][]

点击“自动化测试” --> “测试用例” --> “创建” 新建测试用例；

![73c68c7f1ca6a497ad83642a8929dc8c.png][]

创建成功后点击用例进入，如下；

![68ba183c331d0e3ae367c990d7c53cd8.png][]

点击 “添加步骤”，然后选择 “从【接口用例导入】”；

![079022ff4c87ecb68ccaa8241b1a4602.png][]

用例导入后如下；

![151f1ac3200d7fec57f2596903281193.png][]

此时可以设置相关的运行属性包括运行环境、线程数等，也可以测试数据，这里支持导入 CSV 或者手动添加数据集。

![a5da342e4cb9a848aef164519d8e8e3e.png][]

最后点击 “运行” 进行测试；

![9c65f79062a08b152995b89d04b183c1.png][]

###  ###

## API Hub ##

Apifox 为我们提供了市面上最常用的各种 API，可以方便的直接使用并且一键调试。

点击 “切换项目”，然后选择 API Hub，如下；

![e44f778c80d173a1682b09ff164b2724.png][]

点击进入一个 API，我们便可以选择接口进行调试和运行；

![6859d6fdca709f7fea9cc1532cabb253.png][]

知道你们收藏了也不看，点个赞意思一下就行了

[9800adb75b25abab3ca751ede75d726e.png]: https://img-blog.csdnimg.cn/img_convert/9800adb75b25abab3ca751ede75d726e.png
[19ab93a4aa7152a8045e12b8100f3591.png]: https://img-blog.csdnimg.cn/img_convert/19ab93a4aa7152a8045e12b8100f3591.png
[c068ba8a80780ac4f677fb6aa686200b.png]: https://img-blog.csdnimg.cn/img_convert/c068ba8a80780ac4f677fb6aa686200b.png
[84ce5585b4f9bbd1cd62e0c893e3728d.png]: https://img-blog.csdnimg.cn/img_convert/84ce5585b4f9bbd1cd62e0c893e3728d.png
[46733d42f1394f3ad63c026461b4daf3.png]: https://img-blog.csdnimg.cn/img_convert/46733d42f1394f3ad63c026461b4daf3.png
[46c0299629d73906160d7dae7f875013.png]: https://img-blog.csdnimg.cn/img_convert/46c0299629d73906160d7dae7f875013.png
[13e8e0046c9cad442a6b791d16ee5dc7.png]: https://img-blog.csdnimg.cn/img_convert/13e8e0046c9cad442a6b791d16ee5dc7.png
[483861cbcaf0d004639546568e7a9426.png]: https://img-blog.csdnimg.cn/img_convert/483861cbcaf0d004639546568e7a9426.png
[ba941adc634be84dfe1f6abf3085b188.png]: https://img-blog.csdnimg.cn/img_convert/ba941adc634be84dfe1f6abf3085b188.png
[21e1595b3b73c063ccddd49d87a1e824.png]: https://img-blog.csdnimg.cn/img_convert/21e1595b3b73c063ccddd49d87a1e824.png
[af8d69c713b89df22a0fc62a57c386b4.png]: https://img-blog.csdnimg.cn/img_convert/af8d69c713b89df22a0fc62a57c386b4.png
[0214a634d2b1c21ce8f1ae1cf98fe9f3.png]: https://img-blog.csdnimg.cn/img_convert/0214a634d2b1c21ce8f1ae1cf98fe9f3.png
[9ad5b5d1552822dbf5a121cea99a967b.png]: https://img-blog.csdnimg.cn/img_convert/9ad5b5d1552822dbf5a121cea99a967b.png
[e0affc2879e0abf6c3f80b54c2028859.png]: https://img-blog.csdnimg.cn/img_convert/e0affc2879e0abf6c3f80b54c2028859.png
[4e3b84c5b1b6ba9cc9c20704d1ddcfc3.png]: https://img-blog.csdnimg.cn/img_convert/4e3b84c5b1b6ba9cc9c20704d1ddcfc3.png
[ac89801bec87c3b35c1c4e9292c755cf.png]: https://img-blog.csdnimg.cn/img_convert/ac89801bec87c3b35c1c4e9292c755cf.png
[34de7641f9048125eac710d9d263025f.png]: https://img-blog.csdnimg.cn/img_convert/34de7641f9048125eac710d9d263025f.png
[69173b106c08cffe567863fca7914ff3.png]: https://img-blog.csdnimg.cn/img_convert/69173b106c08cffe567863fca7914ff3.png
[d2f2157e1427b8b76bd1b07d9ef510eb.png]: https://img-blog.csdnimg.cn/img_convert/d2f2157e1427b8b76bd1b07d9ef510eb.png
[73c68c7f1ca6a497ad83642a8929dc8c.png]: https://img-blog.csdnimg.cn/img_convert/73c68c7f1ca6a497ad83642a8929dc8c.png
[68ba183c331d0e3ae367c990d7c53cd8.png]: https://img-blog.csdnimg.cn/img_convert/68ba183c331d0e3ae367c990d7c53cd8.png
[079022ff4c87ecb68ccaa8241b1a4602.png]: https://img-blog.csdnimg.cn/img_convert/079022ff4c87ecb68ccaa8241b1a4602.png
[151f1ac3200d7fec57f2596903281193.png]: https://img-blog.csdnimg.cn/img_convert/151f1ac3200d7fec57f2596903281193.png
[a5da342e4cb9a848aef164519d8e8e3e.png]: https://img-blog.csdnimg.cn/img_convert/a5da342e4cb9a848aef164519d8e8e3e.png
[9c65f79062a08b152995b89d04b183c1.png]: https://img-blog.csdnimg.cn/img_convert/9c65f79062a08b152995b89d04b183c1.png
[e44f778c80d173a1682b09ff164b2724.png]: https://img-blog.csdnimg.cn/img_convert/e44f778c80d173a1682b09ff164b2724.png
[6859d6fdca709f7fea9cc1532cabb253.png]: https://img-blog.csdnimg.cn/img_convert/6859d6fdca709f7fea9cc1532cabb253.png