前后端分离优缺点

之前有朋友问我：什么是前后端分离。他说北度搜到的都是大篇幅文章，看完还是很懵。

这里我简单总结下，如果有疏漏和不对的地方还请路过的网友指出。

一、先用一张图来解释

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

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做数据通信