简化调试流程：超实用的WebAPI工具

前后端分离

前后端分离的起因

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

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

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

这就是前后端分离的起因

前后端分离的烦恼

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

接口，是的，通过接口，也就是 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 等热门数据库