购买
下载掌阅APP,畅读海量书库
立即打开
畅读海量书库
扫码下载掌阅APP

第7章
接口文档设计及用户功能开发

接口文档主要详细描述了一个软件系统、应用程序或服务中的各种接口(API、用户界面等)。接口文档的主要目的是提供给其他开发人员、用户有关如何与该项目进行交互的信息,重点是为了和前端开发人员对接数据接口、前后端快速联调以提高开发效率。

7.1 Apifox的介绍与应用

本项目使用Apifox作为接口管理的工具,根据官方介绍,Apifox是集API文档、API调试、API Mock、API自动化测试多项实用功能为一体的API管理平台,定位为Postman+Swagger+Mock+JMeter。旨在通过一套系统和一份数据,解决多个工具之间的数据同步问题。

7.1.1 Apifox简介

通过一套系统和一份数据,可以轻松地解决多个系统之间的数据同步问题。只需一次定义接口文档,接口调试、数据模拟、接口测试均可直接使用,无须再次完成冗长的定义工作。接口文档和接口开发调试使用同一个工具,确保接口调试完成后与接口文档完全一致。这样,可以实现高效、及时、准确的协作,提高开发和测试的效率。

如果是企业开发项目,则使用Apifox作为接口文档管理,并且对接口的保密和安全性很高,建议使用私有化部署,防止接口的泄露,保护数据的安全。

7.1.2 Apifox核心功能

Apifox解决了很多接口管理的痛点问题,以下总结了7个核心功能,使更加深入地学习Apifox的强大和为什么选择它作为本项目的理由。

(1)接口文档管理。

(2)接口调试,在开发或测试阶段针对接口发起测试请求,快速定位和修改代码中的问题。

(3)接口数据Mock,这个功能在开发中占据很重要的位置,一般前后端分离的项目,前端在大部分情况下会依赖于后端数据接口,在后端还没完成接口之前,前端只能等待接口完成才能开发,现在可以使用Mock工具模拟数据后,前后端可以同步进入开发,提升团队研发效率。

(4)自动化测试,Apifox提供了多个接口,可以将它们组合在一起,测试一个完整的业务流程,完成自动化测试工作。

(5)云端团队协作。

(6)数据导入和导出。

(7)自动代码生成。

7.1.3 Apifox的选用

官方提供了两种使用Apifox的方式,一种是下载客户端的方式;另一种是Web版的方式,本项目选用的是Web版方式,无须安装软件,就可以使用。在浏览器中输入https://apifox.com/,在首页单击“使用Web版”按钮,跳转到Web版本中,如图7-1所示。

图7-1 Apifox官网界面

7.2 项目接口文档管理

进入Apifox的Web版中,在“我的团队”菜单下新建一个团队,单击“新建团队”按钮,例如,笔者新建了一个名为libraryTeam的团队,在该团队下,新建一个项目,单击右上角的“新建项目”按钮,创建一个名为library-api的项目,如图7-2所示。

图7-2 新建接口文档项目

然后单击该项目,进入项目管理界面,在这里可以新建接口、数据模型、自动化测试等操作,如图7-3所示。

图7-3 接口管理

7.3 用户功能开发

在项目开发中,用户功能占据了至关重要的地位,涉及个人信息的安全、用户身份验证、网站登录等各多个关键方面,因此,首要任务是开发基础的用户功能,同时结合Apifox设计用户的接口文档,并进行接口的测试等操作。

7.3.1 创建用户表

设计用户创建表的语句,并在Navicat工具中执行MySQL建表语句,代码如下:

7.3.2 初始化用户代码

用户表已经创建完成,然后使用EasyCode生成用户基础代码,与之前生成日志表的操作一样(这里要将6.3节演示的日志表生成的代码删除),模块选择的是library-admin,如图7-4所示。

图7-4 生成用户表基础代码

在生成的过程中,如果有Add File to Git窗口弹出,则可以直接单击Add按钮,添加到Git中,如图7-5所示。

图7-5 添加到Git

如果不添加到Git中,则在提交代码时会发现没有可提交的代码文件,首先右击需要提交的代码文件,然后选择Git→Add选项,单击Add即可添加到Git中,如图7-6所示。

图7-6 手动将文件添加到Git

7.3.3 用户接口文档设计及测试

用户代码初始化完成后,启动项目,以确保项目可以正常运行。

1.创建项目接口文档

打开Apifox网页版,在接口的根目录中添加子目录,选择“添加子目录”,如图7-7(a)所示,然后将名称填写为系统管理,将父级目录填写为根目录,单击“确定”按钮,如图7-7(b)所示。

图7-7 创建系统管理目录

然后在系统管理中新建一个用户管理的子目录,用来存放用户功能的接口,层次分明,方便接口的管理,如图7-8所示。

图7-8 创建用户管理目录

2.用户分页查询接口

在用户管理目录上,单击“+”添加接口,然后右侧就会出现新建接口的界面,可以选择接口请求的方式,例如,GET、POST、PUT等,如果使用过Postman,则可知创建接口的方式和Postman创建的方式基本上一致,请求参数在Params中添加,例如,分页参数、查询条件参数等,如图7-9所示。

图7-9 创建用户分页查询接口(1)

在创建接口的界面中,单击右上角的环境管理,默认的是开发环境,这里要修改接口的地址。先来修改开发环境的默认服务地址,例如,本项目的后端网址为http://localhost:8081/api/library,添加完成后,单击“保存”按钮,如图7-10所示。

图7-10 创建用户分页查询接口(2)

3.测试用户分页查询

选择开发环境,然后在接口的右上角单击“运行”按钮,检查请求的参数和后端接口的参数是否保持一致,其中size和current两个参数是必填项,单击“发送”按钮发送请求,如图7-11所示。

图7-11 请求用户分页接口

请求接口后,可能会报Agent错误,无法请求内网地址,如果是客户端,则没有这个问题,Web版的官方给出了解决办法,即需要安装浏览器插件,帮助文档的网址为https://apifox.com/help/app/web/browser-extension,添加完成后,然后请求接口即可,如图7-12所示。

图7-12 用户分页请求

本章小结

本章主要介绍了Apifox的各项功能的使用,然后使用Apifox创建本项目的接口文档管理,并对用户功能进行了表和代码的初始化,结合Apifox对其生成的接口进行测试。 oxwHE/5ylULp59X7hoEtY7UEFCZGT0ixGGL7Prl1ekLEmJVWScfyiQZZh4swmsok

点击中间区域
呼出菜单
上一章
目录
下一章
×