基于Node的前后端分離

Coly 發(fā)布于2019-08-21 11:20 / 1694人閱讀

摘要：解放了后端的層，同時前端的自由得到了解放。前后端溝通的成本就只有數(shù)據(jù)的交換的層面了，而且還是層的。解耦前后端，后端更注重業(yè)務(wù)，前端掌控了。

傳統(tǒng)開發(fā)痛點：

前后端無法做到并行開發(fā)

1、前端需要后端環(huán)境的支持

2、html放在Server的模板引擎中，前端與html的操作難度提升，bug的出現(xiàn)和解決與前端不能第一時間操作到html而引起。

如果不使用代理，必須本地搭建Server環(huán)境

前后端溝通成本增加

Server需要關(guān)注模板里的渲染內(nèi)容

前后端職責(zé)沒有完全解耦

解決方案： 基于Node的前后端分離

理想的前端

怎么做前后端分離?

前端：負(fù)責(zé)View和Controller層

后端：負(fù)責(zé)Model層，業(yè)務(wù)處理/數(shù)據(jù)等

優(yōu)勢

1、url design (遵循Restful API)
2、我們可以根據(jù)場景決定在服務(wù)端同步渲染，還是根據(jù)view層數(shù)據(jù)輸出json數(shù)據(jù)
3、Bigpipe,Comet,Socket...可以根據(jù)具體業(yè)務(wù)自主選擇

回歸問題

1、前后端可以并行開發(fā)

后端不會和前端產(chǎn)生直接的通信，是通過Node層產(chǎn)生2次通信，然后才會產(chǎn)生數(shù)據(jù)交流。服務(wù)端只需要和Node層制定好通信數(shù)據(jù)格式，具體用什么格式返回給前端由Node層自己決定。解放了后端的view、control層，同時前端的自由得到了解放。

環(huán)境：在本地啟Node環(huán)境就可以;

html: 交給Node層管理由前端管理，對性能的優(yōu)化更便捷，比如（緩存、React服務(wù)端渲染）。自主的選擇是通過同步的方式輸出頁面還是異步的方式。總而言之就是前端自由了！

2、在本地搭建Node環(huán)境就可以了，不需要JAVA、PHP了。

3、前后端溝通的成本就只有數(shù)據(jù)的交換的層面了，而且還是Node層的。

4、Server放開了對View層的掌控。

5、解耦前后端，后端更注重業(yè)務(wù)，前端掌控了html、router。

GPU云服務(wù)器云服務(wù)器前后端分離前后端分離開發(fā) js前后端分離框架前后端不分離 jsp

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/86584.html

相關(guān)文章

前后分離的總結(jié)

摘要：如何去解決這些問題前后端分離大部分的互聯(lián)網(wǎng)公司都分成了前端團隊和后端團隊。方案一采用架構(gòu)業(yè)界很多公司會采用，單頁應(yīng)用的架構(gòu)，這種架構(gòu)是天然的前后端分離的。方案二淘寶的大前端方案中途島上圖是淘寶基于的前后端分離分層，以及的職責(zé)范圍。我們遇到了什么問題？ 1.前端無法調(diào)試后端未完成的 API：如果后端同學(xué)還沒有完成 API 開發(fā)，那么前端同學(xué)就不能對這個 API 進(jìn)行開發(fā)。之前我們都是在...

enrecul101 2019-08-26 11:56 評論0 收藏0
[ 好文分享 ] 美團酒店Node全棧開發(fā)實踐

摘要：我所在的美團酒店事業(yè)部去年月份成立，新的業(yè)務(wù)新的開發(fā)團隊，這一切使得我們的前后端分離推進(jìn)的很徹底。日志監(jiān)控平臺日志監(jiān)控平臺是美團內(nèi)部的一個日志收集系統(tǒng)，目前美團統(tǒng)一使用收集日志，具有接收格式日志的能力，而日志監(jiān)控平臺也是以格式日志來收集。轉(zhuǎn)自：美團技術(shù)團隊作者：美團技術(shù)團隊分享理由：很好的分享，可見，基于Node的前后端分離的架構(gòu)是越顯流行和重要，前端攻城獅們，No...

wangdai 2019-08-21 10:34 評論0 收藏0
基于 Vue2+Node+mongoDB 的前后端分離全棧練手小項目

摘要：本文源碼簡介之前剛?cè)腴T并做好了一個簡而全的純?nèi)彝暗捻椖?，?shù)據(jù)都是本地模擬請求的詳情請移步這里為了真正做到數(shù)據(jù)庫的真實存取，于是又開始入門了并以此來為之前的頁面寫后臺數(shù)據(jù)接口。本文源碼：Github 簡介：之前剛?cè)腴Tvue并做好了一個簡而全的純vue2全家桶的項目，數(shù)據(jù)都是本地 json 模擬請求的；詳情請移步這里：vue-proj-demo 為了真正做到數(shù)據(jù)庫的真實存取，于是又...

jay_tian 2019-06-26 17:20 評論0 收藏0
Node中間層實踐（一）——基于NodeJS的全棧式開發(fā)

摘要：總結(jié)我覺得，以后基于的全棧式開發(fā)的模式將會越來越流行，這也會引領(lǐng)前端步入工程化時代。歡迎繼續(xù)關(guān)注本博的更新中間層實踐一基于的全棧式開發(fā)中間層實踐二搭建項目框架中間層實踐三配置中間層實踐四模板引擎中間層實踐五中間層的邏輯處理版權(quán)聲明：更多文章請訪問我的個人站Keyon Y，轉(zhuǎn)載請注明出處。前言近期公司有個新項目，由于后端人手不足，我果斷的提議用node中間層的方案，得到了老大的支持...

warkiz 2019-08-22 13:59 評論0 收藏0
最簡單的前后端分離部署（Koa2）

摘要：既然前段工程化是基于，那么選擇做前后端分離部署也是理所應(yīng)當(dāng)?shù)?。有了這三個東西，我們就可以搭建出最簡單的前端服務(wù)器了。前后端分離開發(fā)應(yīng)該已經(jīng)是很多公司的標(biāo)配了，然而，在前端工程化的體系下，開發(fā)環(huán)境代碼和生產(chǎn)環(huán)境代碼往往是平級的，不再是整個文件夾往服務(wù)器上一扔就了事，這讓每次的部署過程相當(dāng)繁瑣。如下是常見的項目目錄： Project └──javaSrc └──app ...

SegmentFault 2019-08-22 16:11 評論0 收藏0