web开发详解，学习web前端开发的网站

1. 背景

作为互联网行业技术从业者，接口调试是必不可少的一项技能，通常我们都会选择使用 Postman 这类工具来进行接口调试，在接口调试方面 Postman 做的确实非常出色。

但是在整个软件开发过程中，接口调试只是其中的一部分，还有很多事情 Postman 是无法完成的，或者无法高效完成，比如：接口文档定义、Mock 数据、接口自动化测试等等。

今天给大家推荐的一款神器: Apifox，它是集：接口文档管理、接口调试、Mock、**接口自动化测试于一体的。有的读者乍一看，会觉得和YAPI**有点类似，但两者在功能特色上，只能说是各有千秋的。

细心的读者，会发现文章，正文干货还没有开始，就已经为大家推荐了三款效率神器: Apifox、Postwoman、YAPI。

2. 聊一聊接口管理的现状

对于接口管理的现状来说，目前行业大部分采取的解决方案有如下几种：

• 使用 Swagger 管理接口文档。

• 使用 Postman 调试接口。

• 使用 RAP或Easy Mock来进行 Mock 数据。

• 使用 JMeter 做接口自动化测试。

上述的接口管理手段，咋一看，貌似没有什么问题，但仔细分析，不难发现，当中存在的问题还真不少，比如要维护不同工具，并且这些工具之间数据一致性非常困难、非常低效。这里不仅仅是工作量的问题，更大的问题是多个系统之间数据不一致，导致协作低效，频繁出问题，开发人员、测试人员痛苦不堪。

设想一下这样的一个协作流程：

1. 开发人员在 Swagger 定义好文档后，接口调试的时候还需要去 Postman 再定义一遍。
2. 前端开发 Mock 数据的时候又要去 RAP 或Easy Mock定义一遍，手动设置好 Mock 规则。
3. 测试人员需要去 JMeter 定义一遍。
4. 前端根据 RAP 或Easy Mock定义 Mock 出来的数据开发完，后端根据 Swagger 定义的接口文档开发完，各自测试测试通过了，本以为可以马上上线，结果一对接发现各种问题：原来开发过程中接口变更，只修改了 Swagger，但是没有及时同步修改 RAP 或Easy Mock。
5. 同样，测试在 JMeter 写好的测试用例，真正运行的时候也会发现各种不一致。
6. 时间久了，各种不一致会越来越严重。

3. Apifor介绍

官方对Apifor定位，Apifox = Postman + Swagger + Mock + JMeter，如下图所示

Apifox目标是通过一套系统、一份数据，解决多个系统之间的数据同步问题。只要定义好接口文档，接口调试、数据 Mock、接口测试就可以直接使用，无需再次定义；接口文档和接口开发调试使用同一个工具，接口调试完成后即可保证和接口文档定义完全一致。高效、及时、准确！

官方地址：https://www.apifox.cn/#

概括来讲，Apifox常用 功能分为四类功能：

1. 接口文档定义功能：Apifox 遵循 OpenApi 3.0 (原Swagger)、JSON Schema 规范的同时，提供了非常好用的可视化文档管理功能，零学习成本，非常高效。
2. 接口调试功能：Postman 有的功能，比如环境变量、预执行脚本、后执行脚本、Cookie/Session 全局共享 等功能，Apifox 都有，并且和 Postman 一样高效好用。
3. 数据 Mock功能：内置 Mock.js 规则引擎，非常方便 mock 出各种数据，并且可以在定义数据结构的同时写好 mock 规则。支持添加“期望”，根据请求参数返回不同 mock 数据。最重要的是 Apifox 零配置 即可 Mock 出非常人性化的数据，具体在本文后面介绍。
4. 接口自动化测试：提供接口集合测试，可以通过选择接口（或接口用例）快速创建测试集。目前接口自动化测试更多功能还在开发中！目标是： JMeter 有的功能基本都会有，并且要更好用。

4. Apifor小试牛刀

接下来，带着大家，来体验一下Apifor的使用。

1、先在官网下载对应系统安装包，进行安装，安装完成后，第一次启动需要先登录。

Ps: 登录前，需要先通过邮箱来注册一个帐号。

2､ 登录成功后，Apifox默认给了一些例子，如果看它的界面会发现和Postman界面比较相似。

Ps: 当然也不要被它的外表所欺骗了，还是有别于Postman的。

3､在本地启一个API服务，端口为8000, 在Apifor上，新建一个新的测试环境，如下所示：

4､新建一分类：接口测试，或直接在默认分类上，新建一条接口用例，如下所示

如上图，添加对应的基础信息、配置请求参数等。

5､选择测试环境，点击发送按钮，运行接口测试用例。

看到这里，可能有些读者觉得和Postman功能基本是一样的，不妨接着往下看。

5. Apifor更多特性

1、调试时自动校验数据结构

使用 Apifox 调试接口的时候，系统会根据接口文档里的定义，自动校验返回的数据结构是否正确，无需通过肉识别，也无需手动写断言脚本检测，非常高效！

根据官方的示例可以看出，在运行集合测试时，可以结合自动校验数据结构的功能， 清晰展示出失败用例校验不通过的原因。

2､零配置 Mock 出非常人性化的数据

1､ 为上述示例，添加一个mock测试服务，配置如下所示：

按照接口字段数据格式要求，根据mock.js语法，配置保存完毕，运行后，自动生成一个mock服务。

其中，Mock.js语法示例可见：http://mockjs.com/examples.html

可以看出 Apifox 零配置 Mock 出来的数据和真实情况是非常接近的，前端开发可以直接使用，而无需再手动写mock规则。

3､代码自动生成

根据接口模型定义，自动生成各种语言/框架（如 TypeScript、Java、Go、Swift、ObjectiveC、Kotlin、Dart、C++、C#、Rust 等）的业务代码（如 Model、Controller、单元测试代码等）和接口请求代码。目前 Apifox 支持 130 种语言及框架的代码自动生成。

更重要的是：你可以通过自定义代码模板来生成符合自己团队的架构规范的代码，满足各种个性化的需求。

4､导入、导出

1. 支持导出 OpenApi (原Swagger)、Markdown、Html 等数据格式，因为可以导出OpenApi格式数据，所以你可以利用 OpenApi (Swagger) 丰富的生态工具完成各种接口相关的事情。
2. 支持导入 OpenApi (原Swagger)、Postman、HAR、RAP2、yapi、Eolinker、DOClever、ApiPost 、Apizza 等数据格，方便迁移旧项目。

6. 小结

虽然Apifox目前有些功能还并不完善，但整的来说，Apifox还是不错的，也为接口开发调试测试提供了一种效率更佳的的解决方案，按照Apifox开发团队后续规划，后续会重加增加接口性能测试能力支持（类似JMeter）、支持离线团队多人协作等特性。

最后

今天的文章可谓是积蓄了我这几年来的应聘和面试经历总结出来的经验，干货满满呀！如果你能够一直坚持看到这儿，那么首先我还是十分佩服你的毅力的。不过光是看完而不去付出行动，或者直接进入你的收藏夹里吃灰，那么我写这篇文章就没多大意义了。所以看完之后，还是多多行动起来吧！

可以非常负责地说，如果你能够坚持把我上面列举的内容都一个不拉地看完并且全部消化为自己的知识的话，那么你就至少已经达到了中级开发工程师以上的水平，进入大厂技术这块是基本没有什么问题的了。

灰，那么我写这篇文章就没多大意义了。所以看完之后，还是多多行动起来吧！

可以非常负责地说，如果你能够坚持把我上面列举的内容都一个不拉地看完并且全部消化为自己的知识的话，那么你就至少已经达到了中级开发工程师以上的水平，进入大厂技术这块是基本没有什么问题的了。

资料领取方式：戳这里前往免费领取