前后端分离优缺点
前后端分离优缺点
之前有朋友问我:什么是前后端分离。他说北度搜到的都是大篇幅文章,看完还是很懵。
这里我简单总结下,如果有疏漏和不对的地方还请路过的网友指出。
一、先用一张图来解释
二、为什么要前后端分离(优点)
1. 全端适应
PC、APP、PAD等。
2. SPA开发模式开始流行
SPA即Single Page Web Application,俗称单页应用。
3. 前后端开发职责不清
比如JSP、PHP页面,到底是由前端写还是后端写 (所有的模板语言会遇到这样的问题)。
4. 开发效率问题,前后端互相等待
要把html转成template等,效率比较低。
5. 前端一直配合着后端,能力受限
很多交互逻辑要在template里面由后端实现,前端只负责提供静态html,对前端工程师的能力提高不利。
6. 后台开发语言和模板高度耦合,导致开发语言依赖严重
比如后端是Java写的,后期要换成Python,可是模板中嵌入了很多Java语法,等于要重写整个template。
三、前后端分离缺点
1. 前端学习门槛增加、前端工作量加大
前端需要实现一部分的交互逻辑。
2. 数据依赖导致文档重要性增加
接口文档需要很详细,且要及时更新。(一个段子,程序员最痛恨两件事:1.别人的代码没写文档,2.写文档)
3. SEO难度加大
前端渲染的页面不利于搜索引擎爬虫爬取,但有办法解决的,即SSR策略。(以vue为例可以参考这个链接:https://segmentfault.com/a/1190000007933349)
四、综上
1. 一种趋势
前后端分离有一些缺点,但都是可以想办法解决的,总的来说优点大于缺点,而且也是一种趋势。
2. 不过在一些场合其实也没有必要前后端分离
比如写个人网站、内部小运维系统等。这些一般情况下都是一个人完成的,如果前后端分离写,就有frontend和backend两套代码要写,打开两个IDE,颇有左右手互搏的感觉。
当然如果为了练习和学习,写个这样的博客系统也是不错的。
五、补充知识点 – restful api
restful api目前是前后端分离最佳实现
- restful api是一种规范,作为开发时的标准
- 轻量,直接通过http。不需要额外的协议,post/get/put/delete操作
- 面向资源,一目了然,具有自解释性。比如看请求头delete就知道是删除动作。
- 数据描述简单,一般通过json或者xml做数据通信