可以從用戶 體驗(yàn)、開發(fā)效率和運(yùn)維效率三方面來看待前后端是否分離。

我認(rèn)為在絕大部分 場景下，前后端分離優(yōu)于不分離。

接下來我會從三個主要的場景來分 析前后端分離與否：用戶體驗(yàn)、開發(fā)效率和運(yùn)維效率。

用戶體驗(yàn)

如果你正在做一個門店點(diǎn)餐系統(tǒng)，那么用戶對該系統(tǒng)最基本的要求就是界面美觀、加載速度快。對于這種側(cè)重于前端效果的項(xiàng)目，如果使用傳統(tǒng)的前后端一體項(xiàng)目，界面交互方面，除非有專業(yè)的前端程序員，一般的服務(wù)端程序員是無法通過JSP來實(shí)現(xiàn)如果復(fù)雜的前端交互邏輯，并且在其中加上豐富的主題和動效的，極大的可能性就是UI畫的是保時捷，開發(fā)出來是夏利。大家可以回憶下10年前的網(wǎng)站風(fēng)格就可以想象了。加載速度方面，因?yàn)橘Y源全部放在服務(wù)端，首次加載沒有瀏覽器緩存，需要加載大量的js、css以及靜態(tài)資源，這在今天幾乎是不可接受的，即使將資源放在Ngnix服務(wù)器，也沒辦法做到極致加速。如果使用的前后端分離的開發(fā)模式，前端由前端項(xiàng)目負(fù)責(zé)，界面交互方面，可以直接使用現(xiàn)有的前端腳手架來實(shí)現(xiàn)，業(yè)內(nèi)已經(jīng)有專門設(shè)計師設(shè)計的UI框架供選擇，均實(shí)現(xiàn)了豐富的動效和復(fù)雜交互，一鍵引入即可。加載速度方面，前端資源單獨(dú)發(fā)布部署，可以通過cdn預(yù)熱和極致加速。

如果你正在做一個僅用戶服務(wù)端接口調(diào)用的工具類項(xiàng)目，那用戶對該系統(tǒng)的基本要求就是能看懂、能操作成功即可，對于這種側(cè)重于服務(wù)端結(jié)果的項(xiàng)目，如果功能變化概率較低，完全可以使用前后端一體開發(fā)模式，光速開發(fā)上線！一套系統(tǒng)解決所有問題。

如果項(xiàng)目是側(cè)重前端交互的，那么最好使用前后端分離，如果項(xiàng)目側(cè)重服務(wù)端功能，無復(fù)雜交互，前后端一體速度更快。它的服務(wù)端就是下單支付這種基本邏輯，很明顯，基于傳統(tǒng)前后端一體的JSP模式來實(shí)現(xiàn)需要有復(fù)雜交互的前端頁面是很難的，難度一在于頁面開發(fā)，首先開發(fā)html然后由服務(wù)端轉(zhuǎn)化為jsp，實(shí)現(xiàn)功能的復(fù)雜度已經(jīng)很高了，美觀程度更無法保證，這對前端有很高的技術(shù)要求。難度二在于流暢性，前后端一體項(xiàng)目加載頁面需要經(jīng)過Nginx打到服務(wù)端，如果首次訪問沒有流量器緩存可能需要多次下載靜態(tài)資源，頁面加載非常的慢，并且服務(wù)端沒辦法解決這個問題。如果選擇前后端分離，前端頁面可以直接使用現(xiàn)有的前端腳手架來實(shí)現(xiàn)，各種優(yōu)秀的前端框架已經(jīng)支持了絕大部分的UI組件，集成了動效、樣式和交互，綁定服務(wù)端數(shù)據(jù)集即可。加載速度方面前端的資源可以通過cdn加速，實(shí)現(xiàn)急速加載。 當(dāng)然如果你開發(fā)的是內(nèi)部使用的工具類項(xiàng)目，前端邏輯簡單并且變化很少，使用前后端一體效率可能更高。

對于側(cè)重前端效果的項(xiàng)目，建議前后端分離。

• 開發(fā)效率

前后端一體的項(xiàng)目，僅在前端界面交互簡單且變更頻次低的服務(wù)型項(xiàng)目上占有微小優(yōu)勢，因?yàn)榇祟愴?xiàng)目核心是服務(wù)，前端僅僅是服務(wù)調(diào)用入口，只是比postman調(diào)用接口稍微產(chǎn)品化一點(diǎn)點(diǎn)的界面而已，不需要投入前端人力，服務(wù)端可以順手開發(fā)，這種場景下使用jsp成本最低，效率最高。

而對于任意一個對前端界面以及交互又要求，并且會長期迭代的項(xiàng)目，不管項(xiàng)目大小，使用前后端分離的效率都要比前后端一體要高，前后端分離可以通過定義服務(wù)接口并行開發(fā)，互不影響，實(shí)現(xiàn)雙倍提效。專業(yè)的人做專業(yè)的事，并且專業(yè)的領(lǐng)域有更多專業(yè)的工具，可以達(dá)到事半功倍的效果。

前后端一體的適用場景非常有限，任何一個對前端交互有要求的項(xiàng)目，都應(yīng)該采用前后端分離的方式去開發(fā)。

• 運(yùn)維效率

前后端一體的項(xiàng)目，前后端完全耦合，一次部署可實(shí)現(xiàn)前后端同時上線，但是一旦服務(wù)端宕機(jī)，前端頁面無法展示，影響全部用戶，而且不管是服務(wù)端還是前端的迭代都需要重新發(fā)布，無法保證前后端互不影響，增大了迭代風(fēng)險。

對于前后端分離項(xiàng)目，前后端由不同的應(yīng)用承載，迭代和發(fā)布都可以獨(dú)立進(jìn)行，實(shí)現(xiàn)完全解耦，幾乎沒有依賴，服務(wù)端宕機(jī)可以由前端兜底頁面交互降低影響面，單獨(dú)運(yùn)維極大降低迭代風(fēng)險，在前端發(fā)展到如今，運(yùn)維工具非常完善，成本很低，相對于諸多風(fēng)險，單獨(dú)運(yùn)維帶來的成本增加可以忽略不計。前后端分離在絕大部分場景下的運(yùn)維效率高于前后端一體。

綜上所述，前后端分離在當(dāng)前的技術(shù)環(huán)境下已經(jīng)是大勢所趨，其在用戶體驗(yàn)、開發(fā)效率以及運(yùn)維效率上均領(lǐng)先于前后端一體的方案，在互聯(lián)網(wǎng)技術(shù)深度發(fā)展的今天，行業(yè)對技術(shù)人員的要求從技術(shù)廣度轉(zhuǎn)變?yōu)榧夹g(shù)深度，專業(yè)人做專業(yè)事，所以，即使小項(xiàng)目也依然推薦前后端分離！

03

淘系技術(shù)部  三半

結(jié)語

大多數(shù)情況下，前后端分離是更加普適、先進(jìn)且合理的方式。