本文介绍: 前后台混合开发和前后台分离开发。前后台混合开发,顾名思义就是前台后台代码混在一起开发,如下图所示:这种开发模式有如下缺点:沟通成本高:后台人员发现前端问题需要前端人员修改前端修改成功,再交给后台人员使用分工不明确:后台开发人员需要开发后台代码,也需要开发部分前端代码。很难培养专业人才不便管理:所有的代码都在一个工程中不便维护和扩展前端代码更新,和后台无关,但是需要整个工程包括后台一起重新打包部署

2.1 前后台分离开发介绍

在之前的课程中,我们介绍过,前端开发有2种方式前后台混合开发前后台分离开发

前后台混合开发,顾名思义就是前台后台代码混在一起开发,如下图所示

这种开发模式有如下缺点:

所以我们目前基本都是采用的前后台分离开发方式,如下图所示

我们将原先的工程分为前端工程和后端工程这2个工程,然后前端工程交给专业的前端人员开发,后端工程交给专业的后端人员开发。前端页面需要数据可以通过发送异步请求,从后台工程获取。但是,我们前后台是分开来开发的,那么前端人员怎么知道后台返回数据格式呢?后端人员开发,怎么知道前端人员需要的数据格式呢?所以针对这个问题我们前后台统一指定一套规范我们前后台开发人员都需要遵循这套规范开发,这就是我们接口文档接口文档离线版和在线版本,接口文档可以查询今天提供资料/接口文档示例里面的资料。那么接口文档内容怎么来的呢?是我们后台开发者根据产品经理提供的产品原型需求文档所撰写出来的,产品原型示例可以参考今天提供资料/页面原型里面的资料。

那么基于前后台分离开发的模式下,我们后台开发者开发一个功能的具体流程如何呢?如下图所示

  1. 需求分析:首先我们需要阅读需求文档分析需求理解需求

  2. 接口定义查询接口文档中关于需求的接口的定义,包括地址参数响应数据类型等等

  3. 前后台并行开发:各自按照接口文档进行开发,实现需求

  4. 测试:前后台开发完了,各自按照接口文档进行测试

  5. 前后段联调测试:前段工程请求后端工程,测试功能

2.2 YAPI

2.2.1 YAPI介绍

前后台分离开发中,我们前后台开发人员都需要遵循接口文档,所以接下来我们介绍一款撰写接口文档的平台

YApi 是高效、易用、功能强大的 api 管理平台,旨在为开发、产品、测试人员提供更优雅的接口管理服务

官网地址:http://yapi.smart-xwork.cn/

YApi主要提供了2个功能

2.2.2 接口文档管理

接下来我们演示一下YApi如何管理接口文档的。

首先我们登录YAPI的官网然后使用github或者百度账号登录,没有的话去注册一个,如下图所示

登录进去后,在个人空间中,选择项目列表->添加测试项目效果如图所示

然后点击创建项目进入项目中,紧接着先添加接口的分类,如下图所示

然后我们选择当前创建分类创建接口信息,如下图所示

紧接着,我们来到接口的编辑界面对接口做生层次的定制,例如:接口的参数,接口的返回值等等,效果图下图所示:

添加接口的请求参数,如下图所示:

添加接口的返回值,如下图所示:

然后保存上述设置,紧接着我们可以来到接口的预览界面查询接口的信息,其效果如下图所示:篇幅有限,只截取部分

最后,我们还可以设置接口的mock信息

来到接口的Mock设置窗口,如下图所示:

紧接着我们来到接口的预览界面,直接点击Mock地址,如下图所示:

我们发现浏览器直接打开,并返回如下数据

如上步骤就是YAPI接口平台中对于接口的配置步骤

原文地址:https://blog.csdn.net/qq_69748833/article/details/134588562

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。

如若转载,请注明出处:http://www.7code.cn/show_11589.html

如若内容造成侵权/违法违规/事实不符,请联系代码007邮箱suwngjj01@126.com进行投诉反馈,一经查实,立即删除

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注