前後端分離，最佳實踐

前後端分離是什麼

我們來回顧下傳統的 MVC 模式，客戶端發送 AJAX 請求，服務端接受到該請求並返回 JSON 數據返回給客戶端，客戶端解析 JSON 進行頁面渲染。

現在，為了提高開發效率，細化職責，前後端分離的需求越來越被重視，服務端負責業務/數據介面，前端負責展現/交互邏輯。如果將瀏覽器這一端視為前端，而伺服器這一端視為服務端的話，可以將以上的 MVC 模式，進行改造成前後端分離模式。

為什麼需要前後端分離

有了前後端分離模式，前端人員更加關注界面展現/交互邏輯，服務端人員更加關注業務/數據介面，分工明確，職責清晰。

前端職責：頁面UI，頁面展示、交互、渲染，用戶體驗等。

後端職責：數據存儲，業務邏輯，RESTful 介面，性能、可用性、伸縮性、擴展性、安全性等。

此外，當我們的存在多端場景，例如，一個服務端RESTful API，按照這種方式 Web／iOS／Android／PC／U3D 五個前端對於後端來說就無差別了，這是多麼棒的設計啊。

前後端分離，最佳實踐

簡單分離模式

我們採用的方案是 REST 服務這個輕量級的 Web 服務，客戶端發送 AJAX 調用服務端 RESTFul API 介面請求，服務端收到請求后將 JSON 格式的響應結果發送給客戶端，這樣就完成了一次交互。

服務端渲染模式

這種模式，基本可以滿足我們一般產品的需求。然而，對於需要做SEO的產品，這種方式就有點力不從心了。因為，重要內容都在前端進行非同步組裝，這樣是無法被搜索引擎收錄的，所以必須要考慮服務端渲染才可以被SEO。

服務端渲染模式，結合我之前的項目場景，列舉兩種方式。

方式一，JSP渲染

通過JSP進行渲染。這個方式，實際上，就是在前端項目中加入Java代碼，通過JSP作為模板渲染。

方式二，靜態頁渲染

通過FreeMarker生成靜態頁進行渲染。這個方式，需要考慮動靜分離，CDN分發等場景。

Node.js渲染模式

對於上面的方案，存在一個重要的問題，前端人員需要涉及Java技術，無法達到前後端解耦。隨著Node.js技術的普及，我們把渲染的工作從服務端抽出來到前端，明確的前後端職責劃分。

總結

從傳統的 MVC 模式，演變到前後端分離模式，可以讓各端變得更專註。今天的話題，主要簡單介紹了簡單分離模式，JSP渲染模式，靜態頁渲染模式，Node.js渲染模式。