前后端分离在APICloud的实践.pdf

1、前后分离在APICloud的实践为什么要前后分离分离的优势与劣势实践中的思考当前的分离实践职责清晰效率提升发展空间前后分离带来了什么基于NodeJS“全栈”式开发为什么要增加一层 Node.js？现阶段我们主要以后端 MVC 的模式进行开发，这种模式严重阻碍了前端开发效率，也让后端不能专注于业务开发。解决方案是让前端能控制 Controller 层，但是如果在现有技术体系下很难做到，因为不可能让所有前端都学 Java，安装后端的开发环境，写 VM。Node.js 就能很好的解决这个问题，我们无需学习一门新的语言，就能做到以前开发帮我们做的事情，一切都显得那么自然。多加一层，性能怎么样？分层就涉

2、及每层之间的通讯，肯定会有一定的性能损耗。但是合理的分层能让职责清晰、也方便协作，会大大提高开发效率。分层带来的损失，一定能在其他方面的收益弥补回来。另外，一旦决定分层，我们可以通过优化通讯方式、通讯协议，尽可能把损耗降到最低。前端的工作量是否增加了？相对于只切页面/做 demo，肯定是增加了一点，但是当前模式下有联调、沟通环节，这个过程非常花时间，也容易出 bug，还很难维护。所以，虽然工作量会增加一点，但是总体开发效率会提升很多。另外，测试成本可以节省很多。以前开发的接口都是针对表现层的，很难写测试用例。如果做了前后端分离，甚至测试都可以分开，一拨人专门测试接口，一拨人专注测试 UI（这部

3、分工作甚至可以用工具代替）。增加 Node.js 层带来的风险怎么控制？随着 Node.js 大规模使用，系统/运维/安全部门的同学也一定会加入到基础建设中，他们会帮助我们去完善各个环节可能出现的问题，保障系的稳定性。Node.js 什么都能做，为什么还要 Java？我们的初衷是做前后端分离，如果考虑这个问题就有点违背我们的初衷了。即使用Node.js 替代 Java，我们也没办法保证不出现今天遇到的种种问题，比如职责不清。我们的目的是分层开发，专业的人，专注做专业的事。基于 Java 的基础架构已经非常强大而且稳定，而且更适合做现在架构的事情。能力越大，责任越大为什么要前后分离分离的优势与劣

4、势实践中的思考当前的分离实践浏览器端渲染的好处减小服务器的压力方便联调渲染模板有更多可选择性发布更加方便浏览器端渲染的坏处首次进入会有白屏等待渲染的时间，不利于用户体验重要内容都在前端组装，不利于 SEO前端 Route 与服务器端 Route 不匹配渲染模板定位难路由共享路 由浏览器服务器模板共享模 板浏览器服务器为什么要前后分离分离的优势与劣势实践中的思考当前的分离实践服务端Express-routerHandlebars.jsRequest.js浏览器Page.jsHandlebars.jsBrowser-request.js模块化AMDCMD模块化模块化Gulp脚本i18nURLCookieHTTPS前后渲染功能业务体验后端渲染展示SEO速度功能拆分人员变动代码质量业务变动引入混乱统计代码架构的后续去IE7/8支持安全增强引入Vue.js使用ES6/7持续演进为什么要前后分离分离的优势与劣势实践中的思考当前的分离实践VueAngularReact以前Express-routerPage.jsHandlebars.jsRequest.jsBrowser-request.js现在React-RouterJSXAxiosServer Slide Rendering架构精细化通过静态编译减少框架运行时的代码量