前后端分离
前后端分离的起因
为什么要有 前后端分离 呢?
我们回想一下以前的开发是怎么开发的,在以前的时候,前端业务还没那么复杂,所以基本都是一个人包揽前后端,也就是全栈,而为了方便开发,就把前后端放在一个项目中去开发
这对于一个人开发来说是确实挺方便,但是随着互联网飞速发展,前端业务越来越复杂了,一个人已经干不过来了,所以开始区分前端、后端了
这就是 前后端 分离的起因
前后端分离的烦恼
前后端分离,意味着 前端、后端 需要分开成两个项目去开发了,那么这两个项目运行时,怎么去沟通呢?
接口,是的,通过接口,也就是 API 去沟通~于是也有了 RESTFUL API 的规范
但是还是有问题,就出在前后端沟通上,前端并不知道你后端写了哪些接口,换句话说:后端写的接口,前端根本不知道长啥样啊,所以也无法对应的去编写前端代码~
API 接口调试工具
为了解决这个烦恼,很多 API 接口调试工具横空出世
基本流程就是:
- 后端写了接口,放在 API 工具上
- 前端看到接口长啥样,并开始配合 Mock 功能进行调试,并编写前端页面
- 测试可以对这些接口进行自动化测试
所以比较重要的点就是 API 调试工具要支持:
- 接口文档
- Mock 功能
- 自动化测试
今天介绍一款很好用的 API 调试工具 —— Apifox
Apifox
Apifox 官网
Apifox 优点
Apifox 具备很多功能:
- 支持中文,使用门槛低
- 可视化做的非常出色,包括接口前后置、数据库等
- 支持在线文档
- 支持接口批量测试、自动化测试
- 支持导出导入,可导入多达 20多 种格式的 API 文件
- 支持本地 Mock 和云端 Mock
- 支持高级 Mock
- 支持生成请求代码,方便开发
- 拥有 IDEA 插件 Apifox Helper,可以一键将接口代码转化成接口文档,非常方便快捷!
- 拥有命令行工具 Apifox-Cli,可以使用命令行方式运行自动化测试
- 支持回收站、历史记录等功能,方便回溯定位问题
团队、项目
创建团队
接口的开发离不开整个团队,所以我们在 Apifox 中可以先创建一个属于你们自己的团队~
创建项目
一个团队里肯定不止一个项目,比如你的产品会有:
- 小程序
- App
- 后台管理系统
这都是不同的项目,接口自然也不同,所以可以在 Apifox 团队中创建你这些不同的项目,方便区分管理
填入每个项目的项目名,便于区分;同时支持设定成员在该项目中的权限。
接口
创建接口
接下来就是 Apifox 的核心功能了,接口调试功能,我们需要创建一个个的接口,方便后面的调试
接口界面
接口调试界面
接口界面 结构分明,清晰明了,可以在接口调试中设置
- Query
- Params
- Body
- Header
等请求参数,并设置 Mock 获取到对应的 Mock Response
切换不同环境也可以得到不同环境的数据!
环境管理、Mock功能
在接口界面,你可以切换 环境,因为我们开发不是只有一个环境,比如有:
- 开发环境
- 测试环境
- 正式环境
如果是本地环境,我们还可以使用 Apifox Mock 功能
接口测试
接口测试是很重要的环节,这可以减少你的接口上线后的隐患,Apifox 提供了方便快捷的 接口测试 功能!
数据库连接
Apifox 支持数据库连接,而且是可视化选择!!非常棒!!支持 Mysql、Oracle、ClickHouse 等热门数据库
关于 Apifox
Apifox 是一体化 API 协作平台,可以实现 API 文档、API 调试、API Mock、 API 自动化测试,是更先进的 API 设计/开发/测试工具。Apifox 提供了一种全面的 API 管理解决方案。使用 Apifox ,你可以在统一的平台上设计、调试、测试以及协作你的 API,消除了在不同工具之间切换和数据不一致的问题。 简化了你的 API 工作流,并确保了前端、后端和测试人员之间的高效协作,点击免费使用。