天天看点

前后端如何快速分离,独立开发

正常的项目开发流程

第一步,产品部门出项目原型和思维导图

第二步,设计师出设计图,前后端分别派出一位大佬,根据原型图设计接口

第三步,前端根据设计的接口和原型图写静态页面,后端根据接口文档和原型写服务器接口。

第四步,前后端对接,联调,测试,上线。

对于前端开发而言,如果第一步和第二步没做好(不断改需求,改接口文档,改设计图),太痛苦了。

前后端应该在统一的接口文档下进行同步开发,这样就能实现双方分离,前后端单独交付,最后联调。

前端如果单独通过node.js开发服务器,耗费大量的人力,所以需要使用一个比较成熟的服务器模拟工具Yapi。

YAPI官网

https://hellosean1025.github.io/yapi/documents/quickstart.html

yapi实现mock数据的两种方式

在高级mock里面创建期望

前后端如何快速分离,独立开发
前后端如何快速分离,独立开发

在高级mock里面创建脚本(创建脚本比创建期望更加灵活,)

前后端如何快速分离,独立开发

当创建好期望或者脚本之后,点击yapi给出的连接检测接口是否定义成功

点击mock地址,前端请求这个mock地址同样能获取到该接口的数据

前后端如何快速分离,独立开发

继续阅读