重新学习web后端开发-005-了解前后端分离开发模式

最新推荐文章于 2024-11-07 13:14:13 发布

weixin_33725515

最新推荐文章于 2024-11-07 13:14:13 发布

阅读量279

点赞数

文章标签：后端前端 ui ViewUI

原文链接：https://juejin.im/post/5c6f6c10f265da2de165a084

版权

分离是为了以后更好的相聚。- 匿名

1. 什么是前后端分离

在作者早期参加工作时，web项目开发基本上是程序员加美工的组合，那个时候还没有明确的前后端的说法。一个web项目就像一道大杂烩，包括了界面和后端业务逻辑，同时前端的页面由后端进行渲染。

随着Ajax，尤其是nodejs的发展，前端的能力大大增强，工程化也越来越成熟。很多之前需要后端去做的事情，比如页面的渲染，前端已经完全可以胜任。并且前端也不仅仅局限于pc桌面，而是发展到移动端，tv等。近年来，前后端分离开发逐渐流行开来，尤其是在互联网方向，已经成为了主流的web开发方式。

2. 前后端分离的优点

2.1 优点一：分工明确

专业的人做专业的事情。前后端分离后，前端人员可以专注于UI界面的设计开发，后端人员则可以专注于业务逻辑开发，提供前端调用的API接口。

2.2 优点二：解除耦合

将前端UI界面和后端服务数据分离，可以将后端服务接口独立出来，服务于不同的前端UI，比如传统PC桌面，移动端H5，APP等，提高了后端服务的可复用性和可维护性，同时也有利于向分布式微服务架构进行演变。

2.3 优点三：提升效率

前后端未分离web开发模式如下图：

我们可以看到，程序员要等待美工先导出html模板后，再开始整合模板，渲染页面。程序员承担了大部分的工作，包括页面的二次处理（数据渲染、页面整合等）以及后端业务逻辑的开发工作。

前后端人员可以同时进行开发，互不干扰。双方遵循统一的规范（产品原型及API接口文档），各自进行独立的开发，开发完成后进行联合测试（俗称联调）。

3. 前后端分离后产生的主要问题

3.1 沟通成本上升

前后端分离前，程序员承担了大部分前端页面渲染和后端业务逻辑的工作，基本上没有太多的沟通成本。前后端分离后，前端需要承担页面设计和数据渲染的工作，数据需要通过调用后端提供的接口服务来获取。这样一来，统一的接口文档就成为前端和后端的主要契约，随着需求的调整以及项目的快速迭代，接口也会随之出现变动，这时双方之间的沟通成本将大大增加。如果没有良好的沟通机制和统一的接口文档管理将会导致双方扯皮，互相推诿，影响产品周期和团队建设。

那么如何解决这个问题呢？简单来说就是：统一规范！也就是统一沟通机制以及接口文档管理。主要有以下几点建议：

接口文档由前后端中的一方进行统一管理。另外一方必须根据接口文档开展相应的工作。

至于是由前端去管理还是后端去管理，可以综合团队前后端人员的能力、业务理解程度等方面情况来决定。
对接口文档的变更操作，必须要先体现在接口文档中，并通知到相应人员。切记不要事后再去更改文档！
定期会议沟通，可集合团队具体的沟通机制进行。
使用接口文档管理系统，对接口进行统一的管理。同时很多接口文档管理系统还会提供接口版本管理、mock server，接口测试等功能。

推荐使用YAPI接口管理系统，可以为开发、产品、测试人员提供更优雅的接口管理服务。具体使用详见其官网。