前后端分离优缺点

之前有朋友问我:什么是前后端分离。他说北度搜到的都是大篇幅文章,看完还是很懵。
这里我简单总结下,如果有疏漏和不对的地方还请路过的网友指出。

一、先用一张图来解释

what_is_frontend_and backend.jpg

二、为什么要前后端分离(优点)

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目前是前后端分离最佳实现

  1. restful api是一种规范,作为开发时的标准
  2. 轻量,直接通过http。不需要额外的协议,post/get/put/delete操作
  3. 面向资源,一目了然,具有自解释性。比如看请求头delete就知道是删除动作。
  4. 数据描述简单,一般通过json或者xml做数据通信
  5. 更多细节的可以看阮一峰的一篇文章:http://www.ruanyifeng.com/blog/2011/09/restful.html

  转载请注明: 文渊博客 前后端分离优缺点

  目录