前后端分离开发模式解决之道

news2024/11/25 15:54:39

 

你有没有遇到过:

  • 前端代码刚写完,后端的接口又变了。
  • 接口文档永远都是不对的。
  • 测试工作永远只能临近上线才能开始。

为什么接口会频繁变动?

设计之初没有想好。 这需要提高需求的理解能力和接口设计能力。

变动的成本较低。

德国有句谚语:“朝汤里吐口水。” 只有这样,才能让人们放弃那碗汤,停止不合理的行为。前后端同学坐在一起工作的时候效率会有提升,当后端同学接口变化时,只需要口头上通知一下即可,我们没有文档,我们很敏捷啊。没错,我们需要承认这样配合开发的效率会很高,但是频繁的变动会导致不断返工,造成了另一种浪费,这种浪费是可以被减少,甚至是被消除的。

为什么接口文档永远都是不对的?

接口文档在定接口时起到一定作用,写完接口就没有用了。后面接口的频繁变化,文档必定会永远落后于实际接口,维护文档的带来了一定的成本却没能带来价值。除非对外提供的接口,否则文档谁来看呢?没人看,用处又在哪?

有些公司干脆丢掉接口文档,说我们要拥抱敏捷。

所以接口文档落后的原因在于没有给我们带来价值

为什么测试工作永远只能临近上线才能开始?

一个需求,后端开发 4 天,前端开发 4 天,联调 4 天,留给测试同学只有2天时间甚至更少,测不完只能带 bug 上线。

在开发阶段测试同学无法介入,接口在变,前端也在变, “提测” 之前只能喝茶,“提测” 之后又忙的要命。

自动化?想都别想,空有一身好本领,在 “拥抱变化” 之后只能手工测试。偶尔还要拉上前台美眉客串一下测试小妹。手工测试枯燥乏味,乏味的工作就容易出错,而且还不能快速重复,无法对测试过的功能快速回归。

怎么破?

解决以上问题要让接口文档发挥价值,提高变动接口的成本,测试尽早介入。

接口文档发挥出价值,就要赋予契约的意义,就如同签字画押谁也不许变,来约束我们只认契约不认人。

契约应该由前端同学来驱动,前后端共同协商。由于前端同学与 UX 接触比较紧密,更了解页面所需的数据以及整体的 User Journey,前端同学驱动会更加合理。

契约敲定之后要帮助我们生成 Mock Server(后面我们会介绍一个工具),前后端同学就要依照契约各自开发。Mock Server 可暂时替代后台服务,帮组前端开发,同时,测试同学也可以依照契约文档来编写测试脚本,使用 Mock Server 进行脚本验证。

当后端接口发生变化除了口头通知以外必须修改契约,前端同学和测试同学才能各自修改。如此一来修改契约的成本变高,人们在定契约时则会更加慎重,也会促使我们提高接口的设计能力。

看到图中没有 “联调” 的环节,并不是画错了,而是 “联调“ 不再是一项工作,在部署后只需要更改代理的配置即可。甚至使用现代前端框架(如,Vue 或者 React)只要在开发时配置一下,之后都不需要调整任何代码。

“提测” 呢?测试一直都在进行,也就不再有一个 ”提测“ 的环节,无论前后端任意一方完成开发,测试同学都可以进行测试。

理论终于扯完了,说起来容易做起来难啊,需要工具来帮助我们。接口描述的工具有很多,比较知名的 Swagger 和 Raml,我个人更倾向于 Raml 

API 文档

描述工具生成文档还不够,还要生成 Mock Server,如果描述工具和 Mock Server 是分离又带来了额外的工作,好在有她——raml-mocker。

raml-mocker

raml-mocker (https://github.com/xbl/raml-mocker) 是一个基于 Raml 使用 Nodejs 开发的 Mock Server 工具,使用 Raml 描述接口中设置 response 的 example 指令即可,raml-mocker 会解析 Raml 文件,并启动一个 Mock Server,将 example 的内容返回给浏览器。

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/596279.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

【LeetCode】318. 最大单词长度乘积

318. 最大单词长度乘积(中等) 方法一 思路 这道题有两个要求: length(words[i]) * length(words[j]) 的最大值;这两个单词不含有公共字母。 首先我们考虑第一个条件:长度乘积的最大值。 是否需要将 words 中的单词按…

Zabbix与麒麟软件完成产品兼容互认证!

信创生态 | Zabbix与麒麟兼容性互认证 上海宏时数据系统有限公司作为Zabbix大中华区总代理,其Zabbix技术服务能力得到国内众多客户肯定。 同时,根据国内用户使用场景的需求,宏时数据自主研发的“UMOP统一监控运维平台”,并已成功…

校园导航小程序 开发指引 与 注意事项

🔬 注意事项 大部分数据存储在utils.js中的,页面通过引入utils.js方式渲染数据 图标全部存储在项目images文件夹里,均下载自 iconfont网站(自行替换) 部分图片引用自 免费图床 - CDN加速图床(自行替换) …

四维轻云是如何实现地理空间数据云管理的?

四维轻云是一款轻量化的地理空间数据网页管理平台,支持倾斜模型(.osgb)、激光点云(.las)、正射影像(dom)和数字高程模型(dem)等多种地理空间数据的在线管理、编辑及分享,其他类型地理空间数据也将陆续上线。 目前,平台具有项目管理、数据上传…

linux大作业

第1题 自学第10章10.1 Java开发的内容,在Ubuntu系统上安装Eclipse,搭建Java开发环境,并进行测试。 1、在终端输⼊以下命令:sudo apt update 2、运行以下命令安装Java开发工具包(JDK): sudo apt …

论文浅尝 | 一个具有动态记忆和自我反思的自主代理

笔记整理:乔硕斐,浙江大学硕士,研究方向为自然语言处理 链接:https://arxiv.org/abs/2303.11366 动机 本文探究了让大规模语言模型具备自我反思能力的方法,让大模型模拟人类的思考方式,自己发现推理过程中的…

ant 1.0 tree更改图标

设置 class"treeClass" show-icon <a-treev-if"treeData.length > 0":show-line"true":tree-data"treeData"show-iconref"tree"class"treeClass":defaultExpandAll"true":replace-fields"re…

来自二阳人的一些感想

这几天公众号没更新&#xff0c;因为上周阳了&#xff0c;还得跟各位读者朋友们道个歉。 通过这次阳&#xff0c;对新冠的体会更加深刻了&#xff0c;趁热打铁&#xff0c;简单聊几句。 1. 新冠已经降为了乙类乙管&#xff0c;和新冠共存&#xff0c;已经形成了全世界范围内的共…

这个公司招35岁以上的程序员,给程序员养老!

hi&#xff0c;大家好&#xff0c;这里极客重生。 之前看到一篇文章&#xff1a;《陶建辉&#xff1a;坚持做难而正确的事&#xff0c;三次创业成就不悔人生---墨天轮风云人物访谈录》。 完整文章&#xff1a;陶建辉&#xff1a;坚持做难而正确的事&#xff0c;三次创业成就不悔…

c#快速入门(中)

欢迎来到Cefler的博客&#x1f601; &#x1f54c;博客主页&#xff1a;那个传说中的man的主页 &#x1f3e0;个人专栏&#xff1a;题目解析 &#x1f30e;推荐文章&#xff1a;题目大解析2 目录 &#x1f449;&#x1f3fb;类、对象、类成员简介&#x1f449;&#x1f3fb;语句…

Python3数据分析与挖掘建模(9)相关系数与线性回归

1. 相关系数 1.1 概述 相关系数是衡量两个变量之间线性相关程度的统计量。它的取值范围在-1到1之间&#xff0c;表示变量之间的相关性强度和方向。 1.2 Pearson相关系数 常用的相关系数有皮尔逊相关系数&#xff08;Pearson correlation coefficient&#xff09;&#xff0…

chatgpt赋能python:Python人脸追踪:技术介绍与应用

Python人脸追踪&#xff1a;技术介绍与应用 Python作为一门极为流行的编程语言&#xff0c;其在人工智能领域的应用也不断得到拓展和应用&#xff0c;其中Python人脸追踪技术已经成为广泛应用的一个领域。本篇文章将介绍Python人脸追踪技术的原理和应用&#xff0c;以便读者更…

chatgpt赋能python:Python主菜单:让你的网站更加用户友好

Python主菜单&#xff1a;让你的网站更加用户友好 如果你是一个使用Python编程语言的网站开发者&#xff0c;那么你肯定需要一个主菜单来引导你的用户。一个好的主菜单可以让你的网站更加用户友好&#xff0c;方便用户快速找到需要的内容。而怎样设计一个优秀的主菜单呢&#…

高频面试八股文用法篇(一) hive窗口函数

目录 什么是窗口函数 窗口函数与其他函数区别 over()函数 窗口函数类型 窗口函数举例 什么是窗口函数 窗口函数是一种SQL函数&#xff0c;非常适合于数据分析&#xff0c;因此也叫做OLAP函数。 最大特点是&#xff1a;输入值是从SELECT语句的结果集中的一行或多行的“窗…

vivo互联网视频播放体验优化的探索与实践

随着vivo互联网在视频业务领域的不断扩展&#xff0c;在多样化的业务场景下&#xff0c;如何提升每个用户的视频播放体验&#xff0c;保障最优的播放流畅度和清晰度&#xff0c;vivo互联网技术团队做了很多尝试与突破。LiveVideoStackCon 2022北京站邀请vivo互联网研发经理王道…

CSDN 富文本编辑器的优化建议(1)

CSDN 富文本编辑器的优化建议&#xff08;1&#xff09; &#x1f4da; 写在前面&#xff1a;大家好~ 我是柠檬叶子C&#xff0c;今天是我在 C 站 1000 天创作纪念日&#xff01;在这些日子里&#xff0c;我累计发布了 230 篇博客&#xff0c;这些博客无一例外都是用 C 站的 &q…

深眸科技创新视觉应用,AI+机器视觉为智能制造升级提供新视野

随着智能制造的进程不断加快&#xff0c;各大工业领域正在积极进行数字化转型&#xff0c;加速从制造到“智”造的转变。在全球制造业转型升级的浪潮下&#xff0c;从机器互联互通到人机协作再到无人工厂&#xff0c;机器视觉技术起到了重要作用。机器视觉用机器代替人眼&#…

easyui列表数据核对检查数据展示

1.easyui窗口内放置table列表 <div id"window_Id" class"easyui-window" title"异常参数列表展示" style"width:602px;height:493px;"data-options"closed:true,maximizable:false,resizable:true,minimizable:false,shadow:…

031:Mapbox GL实现地图导航功能,可选择起始点、路线、通行方式

第031个 点击查看专栏目录 本示例的目的是介绍演示如何在vue+mapbox中实现地图导航功能,可选择起始点、路线、通行方式。 直接复制下面的 vue+mapbox源代码,操作2分钟即可运行实现效果 文章目录 示例效果配置方式示例源代码(共71行)安装插件相关API参考:专栏目标示例效果…

《Java并发编程实战》课程笔记(七)

Java 线程 Java 线程的生命周期 通用的线程生命周期 通用的线程生命周期基本上可以用下图这个“五态模型”来描述。这五态分别是&#xff1a;初始状态、可运行状态、运行状态、休眠状态和终止状态。 Java 中线程的生命周期 Java 语言中线程共有六种状态&#xff0c;分别是…