前後端分離與傳統模式相比的主要優點

2021-09-25 03:13:51 字數 1372 閱讀 9611

1、可以實現真正的前後端解耦,前後端可以並行敏捷開發。

前端伺服器使用nginx,前端/web伺服器放的是css,js,等等一系列靜態資源(甚至還可以css,js,等資源放到特定的檔案伺服器,例如阿里雲的oss,並使用cdn加速),前端伺服器負責控制頁面引用&跳轉&路由,前端頁面非同步呼叫後端的介面,後端/應用伺服器使用tomcat(把tomcat想象成乙個資料提供者),加快整體響應速度。(這裡需要使用一些前端工程化的框架比如nodejs,react,router,react,redux,webpack)

2、發現bug後,可以快速定位問題,避免互相踢皮球現象

前端工程師來負責頁面邏輯,跳轉錯誤,瀏覽器相容性問題,指令碼錯誤,頁面樣式等問題;後端工程師負責介面資料出錯,資料沒有提交成功,應答超時等問題。雙方互不干擾。

3、在大併發情況下,可以同時水平擴充套件前後端伺服器

比如**的乙個首頁就需要2000+臺前端伺服器做集群來抗住日均多少億+的日均pv。

4、減少後端伺服器的併發/負載壓力

除了介面以外的其他所有http請求全部轉移到前端nginx上,介面的請求呼叫tomcat,參考nginx反向**tomcat。且除了第一次頁面請求外,瀏覽器會大量呼叫本地快取。

5、即使後端服務暫時超時或者宕機了,前端頁面也會正常訪問,只不過資料刷不出來而已

6、(多端應用)。介面完全可以共用,通過一些**重構,也可以大量復用介面,提公升效率。

7、非同步載入,完美應對複雜多變的前端需求,頁面顯示的東西再多也不怕。

8、nginx支援頁面熱部署,不用重啟伺服器,前端公升級更無縫。

9、增加**的維護性&易讀性,**維護成本相比之前降低很多

前後端分離後,應用的**不再是前後端混合,只有在執行期才會有呼叫依賴關係(前後端耦在一起的**讀起來相當費勁)。

10、提公升開發效率

後端分離以後,可以實現前後端**的解耦,只要前後端溝通約定好應用所需介面以及介面引數,便可以開始並行開發,無需等待對方的開發工作結束。與此同時,即使需求發生變更,只要介面與資料格式不變,後端開發人員就不需要修改**,只要前端進行變動即可。

11、效能和安全都有保障

在nginx中部署證書,外網使用https訪問,並且只開放443和80埠,其他埠一律關閉(防止黑客埠掃瞄),內網使用http。

12、**得以復用,元件化,提公升開發效率

前端大量的元件,抽出來,提公升開發效率!

前後端分離與不分離

前後端分離 在前後端分離的應用模式中,後端僅返回前端所需的資料,不再渲染html頁面,不再控制前端的效果。至於前端使用者看到什麼效果,從後端請求的資料如何載入到前端中,都由前端自己決定,網頁有網頁的處理方式,有的處理方式,但無論哪種前端,所需的資料基本相同,後端僅需開發一套邏輯對外提供資料即可。在前...

tp前後端不分離原始碼 前後端分離模式踩的坑

前後端分離現在火了很多年,在實際中新技術的使用一般是先在一些大廠中採用,比如在招聘網上大廠的前端招聘node要求比較高,而在中小型廠中對node的要求只是會用webpack打包工具以及npm包管理就可以了。最近幾年傳統公司 中小型公司開始構建前後端分離模式,前後端分離的好處網上文章很多,簡單說前端可...

前後端的分離

對於大部分應用,已經不需要從後端讀取html頁面或者模板,前端完全可以根據資料自行渲染頁面 模板,這樣,前後臺互動就可以簡化為資料的增刪改查。利用ajax技術,實現頁面區域性重新整理,促使了前後臺分離的可能性。那麼,如何利用前後端分離開發模式,開始乙個專案呢?1.產品文件 產品經理會先設計好整個產品...