2018年前后端分離在APICloud的實踐.pdf

1、前后分離在APICloud的實踐為什么要前后分離分離的優勢與劣勢實踐中的思考當前的分離實踐職責清晰效率提升發展空間前后分離帶來了什么基于NodeJS“全?！笔介_發為什么要增加一層 Node.js？現階段我們主要以后端 MVC 的模式進行開發，這種模式嚴重阻礙了前端開發效率，也讓后端不能專注于業務開發。解決方案是讓前端能控制 Controller 層，但是如果在現有技術體系下很難做到，因為不可能讓所有前端都學 Java，安裝后端的開發環境，寫 VM。Node.js 就能很好的解決這個問題，我們無需學習一門新的語言，就能做到以前開發幫我們做的事情，一切都顯得那么自然。多加一層，性能怎么樣？分層就涉

2、及每層之間的通訊，肯定會有一定的性能損耗。但是合理的分層能讓職責清晰、也方便協作，會大大提高開發效率。分層帶來的損失，一定能在其他方面的收益彌補回來。另外，一旦決定分層，我們可以通過優化通訊方式、通訊協議，盡可能把損耗降到最低。前端的工作量是否增加了？相對于只切頁面/做 demo，肯定是增加了一點，但是當前模式下有聯調、溝通環節，這個過程非?；〞r間，也容易出 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架構精細化通過靜態編譯減少框架運行時的代碼量