Web應(yīng)用模式

還記得我們?cè)谡n程簡(jiǎn)介中提到過(guò)的"前后端分離技術(shù)"嗎？其實(shí)，前后端分離是當(dāng)下非常流行的一種 Web 開(kāi)發(fā)模式，當(dāng)前，有兩種較為常用的 Web 開(kāi)發(fā)模式：

• 前后端不分離模式
• 前后端分離模式

下面我們一起來(lái)認(rèn)識(shí)一下這兩種 Web 開(kāi)發(fā)模式，通過(guò)比較，你應(yīng)該就能知道為什么前后端分離的開(kāi)發(fā)模式能夠大行其道了。

1.前端與后端

在理解這兩種 Web 應(yīng)用模式之前，我們需要先明確前端與后端的概念。前端負(fù)責(zé)頁(yè)面的渲染、數(shù)據(jù)的展示，而后端負(fù)責(zé)處理用于展示的數(shù)據(jù)。通俗地講，前端就是用戶可以看到的東西，比如在一個(gè)天氣預(yù)報(bào)頁(yè)面中，用戶所能看到的天氣信息就是前端展示的。每天的天氣不同，展示的數(shù)據(jù)也不一樣，那么這些數(shù)據(jù)從何而來(lái)？

答案是后端。我們之所以能看到實(shí)時(shí)更新的天氣數(shù)據(jù)，是因?yàn)榍昂蠖伺浜献鳂I(yè)實(shí)現(xiàn)的。后端在數(shù)據(jù)庫(kù)查詢相應(yīng)時(shí)間的天氣情況，查到數(shù)據(jù)后，進(jìn)行相應(yīng)的處理、包裝，交由前端，前端獲取數(shù)據(jù)后，根據(jù)提前設(shè)計(jì)好的樣式，在相應(yīng)位置填充后端發(fā)來(lái)的數(shù)據(jù)，這樣一個(gè)天氣預(yù)報(bào)頁(yè)面就呈現(xiàn)在了用戶眼前。

2. 前后端不分離模式

在前后端不分離的應(yīng)用模式中，前端向 Web 服務(wù)器發(fā)送請(qǐng)求，Web 服務(wù)器根據(jù)請(qǐng)求內(nèi)容，從數(shù)據(jù)庫(kù)查詢相應(yīng)數(shù)據(jù)，將數(shù)據(jù)填充進(jìn)模板渲染，渲染結(jié)果發(fā)回前端進(jìn)行展示。

在過(guò)去，人們?cè)L問(wèn)互聯(lián)網(wǎng)幾乎都是通過(guò) PC 瀏覽器，因而僅需開(kāi)發(fā)適應(yīng) PC 顯示的單終端頁(yè)面（只在一種設(shè)備上使用，其他設(shè)備不使用或很少使用的頁(yè)面）即可。如果僅開(kāi)發(fā)單終端的網(wǎng)頁(yè)應(yīng)用，前后端不分離模式是較為普遍的開(kāi)發(fā)模式，針對(duì)同一個(gè)頁(yè)面，后端提供資源填充入前端模板相應(yīng)的位置并渲染，展示給客戶即可，無(wú)需考慮不同終端需要不同的數(shù)據(jù)類型、不同的展示效果。在這種場(chǎng)景下，前后端不分離模式不僅開(kāi)發(fā)速度快，還便于開(kāi)發(fā)人員直接調(diào)試頁(yè)面。

然而隨著移動(dòng)互聯(lián)網(wǎng)的發(fā)展，Web 應(yīng)用不再單單服務(wù)于 PC 端，同樣的內(nèi)容需要在不同的終端進(jìn)行展示。而不同終端需要不同的渲染方式，如果仍然采用前后端不分離的應(yīng)用模式，就需要后端為不同的前端渲染不同的頁(yè)面進(jìn)行適配，此時(shí)增加了許多冗余工作。

3. 前后端分離模式

在前后端分離的 Web 應(yīng)用中，后端此時(shí)扮演的角色只是提供前端所需的數(shù)據(jù)，不再負(fù)責(zé)樣式的渲染。前端的展示樣式，完全由前端負(fù)責(zé)，針對(duì)不同的終端，進(jìn)行不同的渲染，這樣不僅提高了用戶體驗(yàn)，還在很大程度上降低了前后端的耦合度。由于不同終端所需的數(shù)據(jù)幾乎一樣，后端僅需專注于業(yè)務(wù)邏輯，為前端提供數(shù)據(jù)即可，不再需要適配不同終端，提供不同頁(yè)面，這便大大降低了開(kāi)發(fā)工作量。

在前后端分離的應(yīng)用模式中，我們通常將后端開(kāi)發(fā)的每個(gè)視圖都稱為一個(gè)接口，或者API，前端通過(guò)訪問(wèn)接口來(lái)對(duì)數(shù)據(jù)進(jìn)行增刪改查。

4.前后端分離模式開(kāi)發(fā)規(guī)范

前后端分離模式逐漸成為主流，隨之而來(lái)的問(wèn)題也很突出。通常，后端服務(wù)開(kāi)發(fā)完成，開(kāi)發(fā)人員會(huì)寫一份后端接口調(diào)用的說(shuō)明文檔。不同公司、不同項(xiàng)目甚至不同開(kāi)發(fā)人員都有各自的喜好，因而開(kāi)發(fā)好的后端服務(wù)，也是千奇百怪，前端開(kāi)發(fā)人員為了使用使用后端服務(wù)，必須逐個(gè)對(duì)照說(shuō)明文檔才能知道調(diào)用方式。小型項(xiàng)目還好說(shuō)，大型項(xiàng)目接口繁雜，如果仍然采用千奇百怪的接口調(diào)用方式，就會(huì)無(wú)形中增加開(kāi)發(fā)難度。那么是否有一套接口開(kāi)發(fā)規(guī)范，是否有一個(gè)見(jiàn)名知意的接口調(diào)用方式呢？答案是有的，這就是 RESTful 規(guī)范。后續(xù)內(nèi)容，我們將正式開(kāi)始學(xué)習(xí) RESTful。

5. 小結(jié)

本節(jié)帶領(lǐng)大家了解了前端和后端的概念，并介紹了前后端不分離開(kāi)發(fā)模式和前后端分離模式各自的應(yīng)用場(chǎng)景和優(yōu)缺點(diǎn)，并引出 RESTful 規(guī)范誕生的必要性。