接口文档
什么是接口文档
什么是接口文档呢?顾名思义,就是一个记录接口的文档。
后端在写好接口之后,把接口写到接口文档上,这样整个团队的成员就都能看到了~
接口文档的作用
接口文档有什么好处呢?你可以想想以前的前后端是怎么沟通的:
- 后端写好接口,发给前端看
- 前端看完开始写页面
- 后端改了接口,又得重新发给前端看
- 前端根据接口修改,去修改对应的前端页面
这样沟通成本很高~
那如果有一个东西可以实时记录后端接口的话,那就减少很多沟通成本了~
有什么好用的接口文档
现在市面上有很多现成的 API 文档管理工具,比如:
- Apifox
- Yapi
- Swagger
今天就挑两个来讲吧~
- YApi
- Apifox
- (之前写过一篇关于 Swagger 的介绍,有兴趣的可以去看看:全面介绍 Swagger 的作用和优点)
小结
首先我们先讲讲 YApi ,如果想要比较轻松对接 YApi 的话,我们可以使用一款 IDEA 的插件 —— EasyApi
EasyApi
EasyApi 插件 的 下载、安装
首先需要在 IDEA 中下载并安装 EasyApi 插件

设置参数
安装完成之后,在 File->Settings->Other Settings->EasyApi 设置参数,如图:

设置这两个地方
- server

- token


配置完成之后
在 controller 层鼠标右击:Generate -> Export Yapi


导出完成之后,就可以发现 Yapi 上已经生成了新的接口。
更好用的插件「 Apifox Helper 」
Apifox 近期也推出了一款能让后端开发者更方便开发、更方便生成接口文档的 IDEA 插件 —— Apifox Helper ,实测确实更好用。
介绍
Apifox Helper 是一款集成在 IDEA 中,帮助开发者自动解析代码注解并快速生成 API 文档的便捷工具。

开发者在 IDEA 中写接口代码,可利用这个插件,将写的代码同步到 Apifox 接口文档上,而不需要开发者自己去 Apifox 上修改~
特点
Apifox Helper 是基于这几种技术去解析 API 文档的:
- javadoc(Java)
- KDoc(Kotlin)
- ScalaDoc(Scala)
它支持以下几种协议框架
- Spring Boot
- Swagger
- JAX-RS
基本可以实现代码零入侵自动生成接口文档
安装、配置插件
依次打开 Preferences(Settings) > Plugins,搜索 Apifox Helper 进行安装

安装完插件,此时还没搞定,还需要将你这个插件跟 Apifox 进行关联,才能达到同步效果
依次打开 Preferences(Settings) > Apifox Helper ,并配置 Apifox 服务器地址、个人访问令牌、项目 ID:
- Apifox 服务器地址: https://api.apifox.cn。
- Apifox 个人访问令牌: 需要到 Apifox 中,点击头像进入设置,然后进行令牌生成。
- 模块项目 ID 配置: 需要进入 Apifox ,进入项目中「项目设置 --> 基本设置」,复制项目 ID 粘贴过来。

API 文档生成
右键点击 Upload to Apifox 就可以根据接口代码生成 Apifox 接口文档,方便整个团队的开发进行接口查看、维护、测试~

API 文档一键同步
当你修改了接口代码是,只需要重新右键点击 Upload to Apifox 就可以完成 API 文档的一键同步啦~

大大提高开发效率!
后端负责接口代码同步到 API 文档,前端查看接口并调试,测试进行自动化测试~

插件下载地址: 立即前往 。
关于 Apifox
Apifox 是一体化 API 协作平台,可以实现 API 文档、API 调试、API Mock、 API 自动化测试,是更先进的 API 设计/开发/测试工具。Apifox 提供了一种全面的 API 管理解决方案。使用 Apifox ,你可以在统一的平台上设计、调试、测试以及协作你的 API,消除了在不同工具之间切换和数据不一致的问题。 简化了你的 API 工作流,并确保了前端、后端和测试人员之间的高效协作,点击免费使用。