取代 Postman + Swagger!这款神器功能更强大,界面更炫酷

简介: 作为一位后端开发,我们平时经常需要维护API文档、对API接口进行调试、有时候还得Mock数据。Postman虽然作为接口调试工具非常好用,但是对于维护API文档这类工作却不太合适。今天给大家推荐一款功能更强大的工具Apifox,足以满足我们对API的各种需求,希望对大家有所帮助!Apifox简介Apifox 的定位是Postman + Swagger + Mock + JMeter,具有API文档管理、API调试、API Mock、API 自动化测试等功能。可以通过一种工具解决之前使用多种工具的数据同步问题。高效、及时、准确!

作为一位后端开发,我们平时经常需要维护API文档、对API接口进行调试、有时候还得Mock数据。Postman虽然作为接口调试工具非常好用,但是对于维护API文档这类工作却不太合适。今天给大家推荐一款功能更强大的工具Apifox,足以满足我们对API的各种需求,希望对大家有所帮助!

Apifox简介

Apifox 的定位是Postman + Swagger + Mock + JMeter,具有API文档管理、API调试、API Mock、API 自动化测试等功能。可以通过一种工具解决之前使用多种工具的数据同步问题。高效、及时、准确!

安装

  • Apifox的安装非常方便,直接下载安装包解压安装即可,下载地址:https://www.apifox.cn/

网络异常,图片无法展示
|

  • 官方非常贴心地提供了示例项目,直接打开即可体验Apifox的功能,看下界面还是很漂亮的;

网络异常,图片无法展示
|

  • 我们自己使用的话首先需要新建团队,便于团队成员之间协同工作;

网络异常,图片无法展示
|

  • 然后在团队中新建项目,新建成功后我们就可以开始使用Apifox的强大功能了!

网络异常,图片无法展示
|

API文档导入

Apifox的API文档导入功能非常强大,支持包括Swagger、Postman、YApi、ShowDoc等多达20种工具的导入。接下来我们通过使用之前mall-tiny-swagger项目中的接口,来体验下它的导入功能!

  • 首先我们选择新建接口按钮,选择导入

网络异常,图片无法展示
|

  • 然后打开导入界面,选择Swagger->URL导入,输入Swagger的数据URL;

网络异常,图片无法展示
|

  • 导入时将显示导入预览,显示要导入的接口数据模型,Apifox将会把我们接口返回的实体类转换为数据模型,以便进行复用;

网络异常,图片无法展示
|

  • 导入成功后界面效果如下,Apifox将查看文档和修改文档做了区分,方便我们管理接口文档。

网络异常,图片无法展示
|

接口管理

虽然从Swagger中导入的接口文档已经很详细了,但是为了体验Apifox更为强大的功能,我们有时候还是需要编辑下接口信息的。

接口设计

  • 看下Apifox的请求参数界面,非常详细!

网络异常,图片无法展示
|

  • 再看下Apifox返回结果界面,支持折叠,这个很多工具都是没有的;

网络异常,图片无法展示
|

  • 再看下Apifox的修改文档界面,支持添加状态、分组和标签。

网络异常,图片无法展示
|

接口调试

我们再来体验下Apifox的调试功能,比Postman更强大!

  • 在我们开发接口时,很多时候需要分不同的环境,Apifox默认给我们分了测试环境正式环境Mock服务,这三个基本也够用了;

网络异常,图片无法展示
|

  • 在调试接口之前,我们得先设置好环境所对应的前置URL,比如这里我们设置了测试环境的;

网络异常,图片无法展示
|

  • 在Apifox中我们可以使用接口用例来调试我们的接口,接口用例可以保存我们输入的参数,以便之后测试使用;

网络异常,图片无法展示
|

  • Apifox支持在接口调用前后做自定义操作,比如我们可以在后置操作中添加一个断言,返回结果中code等于200表示操作成功;

网络异常,图片无法展示
|

  • 此时我们输错密码来调用下接口,断言会直接提示我们结果和预期不符合;

网络异常,图片无法展示
|

  • 有些接口我们需要传入Authorization头才能访问;

网络异常,图片无法展示
|

  • 这种访问我们可以通过环境变量来实现,首先在登录接口中添加后置操作,选择提取变量,将返回的token提取到环境变量AUTH_TOKEN中;

网络异常,图片无法展示
|

  • 然后修改接口文档,在Header中设置需要传入Authorization头;

网络异常,图片无法展示
|

  • 接下来在接口用例中通过表达式使用Authorization头即可正常访问需要登录认证的接口了。

网络异常,图片无法展示
|

使用脚本

Apifox的自定义前置操作后置操作非常强大,不仅支持简单的断言提取变量,还能支持编写JS脚本。

  • 例如之前我们判断操作成功,断言code等于200可以使用脚本这样实现;

网络异常,图片无法展示
|

  • 此时我们输错密码来调用下接口,断言会直接提示我们结果和预期不符合。

网络异常,图片无法展示
|

Mock数据

在我们后端接口没有开发完成,前端开发需要数据时,往往可以通过Mock来提供数据,Apifox的Mock数据功能也是很强大的。

  • Apifox号称能根据你数据模型中的字段名称智能Mock,让我们来看看它的规则;

网络异常,图片无法展示
|

  • 其实默认的Mock规则有时候并不是很完善,比如我们来看下它Mock的数据;

网络异常,图片无法展示
|

  • 此时我们可以在数据模型中修改,可以让Mock的数据更加人性化一点,比如我们可以将各种状态设置为枚举类型;

网络异常,图片无法展示
|

  • 还可以将logo字段通过@image这种方式设置为图片类型;

网络异常,图片无法展示
|

  • 重新设置一下之后,人性化多了;

网络异常,图片无法展示
|

  • 接下来只需把环境改为Mock服务就可以调用Mock数据的接口了!

网络异常,图片无法展示
|

测试管理

Apifox不仅能支持接口调试,还支持创建测试用例进行批量测试以及性能测试。

  • 首先我们可以在测试管理中创建测试用例;

网络异常,图片无法展示
|

  • 之后选择从接口用例导入,选择好需要导入的接口用例;

网络异常,图片无法展示
|

  • 选择好运行环境后,点击运行进行批量测试;

网络异常,图片无法展示
|

  • 测试完成后即可显示测试报告;

网络异常,图片无法展示
|

  • 如果你想进行性能测试的话,在测试界面选择好线程数即可;

网络异常,图片无法展示
|

  • 测试完成后,可以通过导出报告来查看更为详细的报告信息。

网络异常,图片无法展示
|

主题设置

个人比较习惯暗色主题,Apifox也是可以选择亮色主题和主色的,直接在设置中可以进行切换。

网络异常,图片无法展示
|

总结

Apifox确实是一款界面漂亮、功能强大的API接口工具。Postman有的接口调试功能它基本都有,还集成了接口文档管理、数据Mock、自动化测试等功能,强烈建议大家尝试下!

参考资料

官方文档:https://www.apifox.cn/help/

项目源码地址

https://github.com/macrozheng/mall-learning/tree/master/mall-tiny-swagger

相关文章
|
11月前
|
Web App开发 JSON 编解码
【其他】Chrome 灵魂插件!爱了爱了!提高工作效率的神器!
【其他】Chrome 灵魂插件!爱了爱了!提高工作效率的神器!
105 0
【其他】Chrome 灵魂插件!爱了爱了!提高工作效率的神器!
|
4月前
|
前端开发 测试技术
使用浏览器插件提升前端项目调试速度
使用浏览器插件提升前端项目调试速度
70 0
|
Web App开发 前端开发 JavaScript
从开发chrome插件到插件系统设计
最近ChatGPT的技术概念很火热,开发了一个node-gptcommit开源项目,主要利用GPT用来自动生成git commit的信息。
288 0
|
监控 测试技术 API
前后端分离开发模式下的接口测试工具推荐|第1万01次卸载postman , 我要用eolink(下)
前后端分离开发模式下的接口测试工具推荐|第1万01次卸载postman , 我要用eolink
113 0
|
运维 前端开发 JavaScript
前后端分离开发模式下的接口测试工具推荐|第1万01次卸载postman , 我要用eolink(上)
前后端分离开发模式下的接口测试工具推荐|第1万01次卸载postman , 我要用eolink
132 0
|
Web App开发 测试技术 API
chrome插件-开发简陋的在线api测试工具
chrome插件-开发简陋的在线api测试工具
127 0
|
前端开发 JavaScript 测试技术
取代 Postman + Swagger!这款神器功能更强大,界面更炫酷
作为一位后端开发,我们平时经常需要维护API文档、对API接口进行调试、有时候还得Mock数据。Postman虽然作为接口调试工具非常好用,但是对于维护API文档这类工作却不太合适。今天给大家推荐一款功能更强大的工具Apifox,足以满足我们对API的各种需求,希望对大家有所帮助!
|
JSON 前端开发 数据可视化
取代Swagger + Postman ,Apifox 功能更强大
取代Swagger + Postman ,Apifox 功能更强大
174 0
取代Swagger + Postman ,Apifox 功能更强大
|
JSON 前端开发 数据可视化
再见丑陋的 Swagger,这个API神器界面更炫酷,逼格更高,体验更好
代码未动,文档先行 其实大家都知道 API 文档先行的重要性,但是在实践过程中往往会遇到很多困难。 程序员最讨厌的两件事:1. 写文档,2. 别人不写文档。大多数开发人员不愿意写 API 文档的原因是写文档短期收益远低于付出的成本,然而并不是所有人都能够坚持做有长期收益的事情的。 作为一个前后端分离模式开发的团队,我们经常会看到这样的场景:前端开发和后端开发在一起热烈的讨论“你这接口参数怎么又变了?”,“接口怎么又不通了?”,“稍等,我调试下”,“你再试试..."。 那能不能写好 API 文档,大家都按文档来开发?很难,因为写文档、维护文档比较麻烦,而且费时,还会经常出现 API 更新了
|
存储 JSON 数据可视化
最强Swagger替代品,国产软件Apifox到底有多牛?
Apifox 的整体功能比 swagger 丰富,支持一整个团队的协作,而且免费国产软件。类似swagger的工具,只能说Apifox更全面,让我找到一个合适的技术工具提高我们的效率。
1684 0
最强Swagger替代品,国产软件Apifox到底有多牛?