基于Node的前后端分離

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

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

傳統(tǒng)開(kāi)發(fā)痛點(diǎn)：

前后端無(wú)法做到并行開(kāi)發(fā)

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

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

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

前后端溝通成本增加

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

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

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

理想的前端

怎么做前后端分離?

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

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

優(yōu)勢(shì)

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

回歸問(wèn)題

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

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

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

html: 交給Node層管理由前端管理，對(duì)性能的優(yōu)化更便捷，比如（緩存、React服務(wù)端渲染）。自主的選擇是通過(guò)同步的方式輸出頁(yè)面還是異步的方式?？偠灾褪乔岸俗杂闪?！

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

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

4、Server放開(kāi)了對(duì)View層的掌控。

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

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

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

轉(zhuǎn)載請(qǐng)注明本文地址：http://www.ezyhdfw.cn/yun/86584.html

相關(guān)文章

前后分離的總結(jié)

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

enrecul101 2019-08-26 11:56 評(píng)論0 收藏0
[ 好文分享 ] 美團(tuán)酒店Node全棧開(kāi)發(fā)實(shí)踐

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

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

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

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

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

warkiz 2019-08-22 13:59 評(píng)論0 收藏0
最簡(jiǎn)單的前后端分離部署（Koa2）

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

SegmentFault 2019-08-22 16:11 評(píng)論0 收藏0