前后端分离

前后端分离的起因

为什么要有 前后端分离 呢？

我们回想一下以前的开发是怎么开发的，在以前的时候，前端业务还没那么复杂，所以基本都是一个人包揽前后端，也就是全栈，而为了方便开发，就把前后端放在一个项目中去开发

这对于一个人开发来说是确实挺方便，但是随着互联网飞速发展，前端业务越来越复杂了，一个人已经干不过来了，所以开始区分前端、后端了

这就是 前后端 分离的起因

前后端分离的烦恼

前后端分离，意味着 前端、后端 需要分开成两个项目去开发了，那么这两个项目运行时，怎么去沟通呢？

接口，是的，通过接口，也就是 API 去沟通~于是也有了 RESTFUL API 的规范

但是还是有问题，就出在前后端沟通上，前端并不知道你后端写了哪些接口，换句话说：后端写的接口，前端根本不知道长啥样啊，所以也无法对应的去编写前端代码~

API 接口调试工具

为了解决这个烦恼，很多 API 接口调试工具横空出世

基本流程就是：

• 后端写了接口，放在 API 工具上
• 前端看到接口长啥样，并开始配合 Mock 功能进行调试，并编写前端页面
• 测试可以对这些接口进行自动化测试

所以比较重要的点就是 API 调试工具要支持：

• 接口文档
• Mock 功能
• 自动化测试

今天介绍一款很好用的 API 调试工具 —— 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 等热门数据库

最后感谢每一个认真阅读我文章的人，礼尚往来总是要有的，虽然不是什么很值钱的东西，如果你用得到的话可以直接拿走：

这些资料，对于【软件测试】的朋友来说应该是最全面最完整的备战仓库，这个仓库也陪伴上万个测试工程师们走过最艰难的路程，希望也能帮助到你！