Web实现前后端分离解析( 三 ) _前后端分离

注意：技术一定是要走在业务前面的，否则你将错过最佳的发展期。
此外，你的应用全部都耦合在一起，相当于一个巨石，当服务端负载能力不足时，一般会使用负载均衡的方式，将服务器做成集群，这样其实你是在水平扩展一块块巨石，性能加速度会越来越低，要知道，本身负载就低的功能or模块是没有必要水平扩展的，在本文中的例子就是你的性能瓶颈不在前端，那干嘛要水平扩展前端呢？？？
7.1、开发模式
7.1.1、以前老的方式是：

产品经历/领导/客户提出需求
UI做出设计图
前端工程师做html页面
后端工程师将html页面套成jsp页面（前后端强依赖，后端必须要等前端的html做好才能套jsp 。如果html发生变更，就更痛了，开发效率低）
集成出现问题
前端返工
后端返工

7.1.2、新的方式是：

产品经历/领导/客户提出需求
UI做出设计图
前后端约定接口&数据&参数
前后端并行开发（无强依赖，可前后端并行开发，如果需求变更，只要接口&参数不变，就不用两边都修改代码，开发效率高）
前后端集成
前端页面调整
集成成功
交付

7.2、请求方式
7.2.1、老的方式是：

客户端请求
服务端的servlet或controller接收请求（后端控制路由与渲染页面，整个项目开发的权重大部分在后端）
调用service,dao代码完成业务逻辑
返回jsp
jsp展现一些动态的代码

7.2.2、新的方式是：

浏览器发送请求
直接到达html页面（前端控制路由与渲染页面，整个项目开发的权重前移）
html页面负责调用服务端接口产生数据（通过ajax等等，后台返回json格式数据，json数据格式因为简洁高效而取代xml）
填充html，展现动态效果，在页面上进行解析并操作DOM 。

8、前后分离的优势
8.1、可以实现真正的前后端解耦，前端服务器使用Nginx 。前端/WEB服务器放的是css，js，图片等等一系列静态资源（甚至你还可以css，js，图片等资源放到特定的文件服务器，例如阿里云的oss，并使用cdn加速），前端服务器负责控制页面引用&跳转&路由，前端页面异步调用后端的接口，后端/应用服务器使用tomcat（把tomcat想象成一个数据提供者），加快整体响应速度。
8.2、发现bug，可以快速定位是谁的问题，不会出现互相踢皮球的现象。页面逻辑，跳转错误，浏览器兼容性问题，脚本错误，页面样式等问题，全部由前端工程师来负责。接口数据出错，数据没有提交成功，应答超时等问题，全部由后端工程师来解决。双方互不干扰，前端与后端是相亲相爱的一家人。
8.3、在大并发情况下，我可以同时水平扩展前后端服务器，比如淘宝的一个首页就需要2000+台前端服务器做集群来抗住日均多少亿+的日均pv 。
8.4、减少后端服务器的并发/负载压力。除了接口以外的其他所有http请求全部转移到前端nginx上，接口的请求调用tomcat，参考nginx反向代理tomcat 。且除了第一次页面请求外，浏览器会大量调用本地缓存。
8.5、即使后端服务暂时超时或者宕机了，前端页面也会正常访问，只不过数据刷不出来而已。
8.6、也许你也需要有微信相关的轻应用，那样你的接口完全可以共用，如果也有App相关的服务，那么只要通过一些代码重构，也可以大量复用接口，提升效率。（多端应用）
8.7、页面显示的东西再多也不怕，因为是异步加载。
8.8、nginx支持页面热部署，不用重启服务器，前端升级更无缝。
8.9、增加代码的维护性&易读性（前后端耦在一起的代码读起来相当费劲）。
8.10、提升开发效率，因为可以前后端并行开发，而不是像以前的强依赖。
8.11、在nginx中部署证书，外网使用https访问，并且只开放443和80端口，其他端口一律关闭（防止黑客端口扫描），内网使用http，性能和安全都有保障。
8.12、前端大量的组件代码得以复用，组件化，提升开发效率，抽出来！
9、注意事项
9.1、在开需求会议的时候，前后端工程师必须全部参加，并且需要制定好接口文档，后端工程师要写好测试用例（2个维度），不要让前端工程师充当你的专职测试，推荐使用chrome的插件postman或soapui或jmeter，service层的测试用例拿junit写。ps：前端也可以玩单元测试吗？
9.2、上述的接口并不是java里的interface，说白了调用接口就是调用你controler里的方法。