快速理解前後端分離的本質（附架構圖）

一、前後端分離本質

大家往往會陷入一個誤解，試圖用具體的技術來描述什麼是前後端分離這個一個概念，這是答非所問的。例如一提到前後端分離就是Laravel Vue，這並不是完全正確的理解！

我們問的是：你為什麼採用這種方式解決問題
回答卻是：你是如何去具體做這件事

前後端分離是：軟體技術和業務發展到一定程度，在專案管理工作上必須進行的一種升級，他是一個必然而不是一個偶然！說穿了，就是公司部門架構的一種調整。 【相關推薦：web前端】

為什麼會發生這種變化？

因為初期的軟體開發其實是專注於後端的，因為網路初期的頁面功能比較簡單，只需要做資料的展示，然後提供基本的操作就可以了！所以整個專案的重點放在後台的業務邏輯處理。但隨著業務和技術的發展，前端功能越來越複雜，變得越來越重要，同時前端的技術堆疊越來越豐富！這樣我們在開發中遇到的問題就越來越多，解決這些問題的難度就越來越大，這時我們發現前端開發不能像以前那樣零散的分佈在整個系統架構當中了。前端也應該像後端一樣，實現工程化、模組化、系統化。

如何做到這一點呢？

就是成立專門的前端部門，把原本跟後端程式設計師混合在一起的前端開發統一集中起來，形成純粹的前端部門。專門研究開發工程化的前端技術，迭代升級新的技術體系，以解決專案中的問題、適應技術的發展。所以一句話總結：為了適應技術和業務發展的需求。前端開發需要從先前前後端混合在一起的組織架構當中分離出來，形成獨立的前端部門和後端部門，這就是前後端分離產生的原因

二、不使用前後端分離的缺點

前後端分離是目前熱門的開發方式，大部分網路都會採用前後端分離的方式開發！
前後端分離就是一個應用的前端程式碼和後端程式碼分開寫入

傳統的Web開發過程中，View視圖層不是由後端開發者來獨立完成的
前端開發－>HTML靜態頁面－>後端開發
前端會把頁面做出來，我們後端要開發，就把前端頁面嵌入到View的template中，或者使用其他的template模板也是同理的！也需要加入標籤才能把資料整合起來。因為核心就是：如何把我們後端回傳的資料加入到頁面中
如果此時後端頁面中遇到一些問題，我們把template檔案發給前端開發，前端開發人員看不懂template。此時前端也不好解決，後端也不好解決。這樣溝通和開發效率都非常低！前後端耦合度太高，開發太麻煩！

解決方式很簡單：就是使用前後端分離的方式來開發！
前端只需要獨立編寫客戶端程式碼，後端也只需要獨立編寫服務端程式碼提供資料接口即可
前端透過AJAX請求來存取後端的資料接口，將Model展示到View中即可

前後端開發者只需要事先約定好介面文件（URL、參數、資料型…），然後分別獨立開發即可
前端可以造假資料進行測試，完全不需要依賴後端，最後完成前後端整合即可
真正實現了前後端應用的解耦合！大幅提升開發效率

單體－> 前端應用後端應用
前端應用：負責資料展示與使用者互動
後端應用：負責提供資料處理介面
前端HTML——>Ajax——>RestFul後端資料介面

三、前後端分離架構圖

總結：

前後端分離就是將單體應用分割成兩個獨立的應用：前端應用與後端應用，以JSON格式進行資料互動。

以上是快速理解前後端分離的本質（附架構圖）的詳細內容。更多資訊請關注PHP中文網其他相關文章！