1.大部分后端渲染
使用后端web框架的View層進行頁面大部分內(nèi)容渲染。
常見行為是,使用后端模板的循環(huán)語法來輸出內(nèi)容。
缺點:
- 發(fā)布部署麻煩。
因為后端,發(fā)布部署要審批,測試環(huán)境預發(fā)環(huán)境走一遭,要等機器部署。 - 前端開發(fā)需安裝后端環(huán)境。
2.純前端
后端專寫接口,前端專寫頁面。
前后端通信只通過接口。
頁面部署自然是靜態(tài)資源部署,放cdn即可。
缺點:
- 用戶權限控制這一塊需多發(fā)幾次請求。
這幾次請求期間會導致頁面內(nèi)容顯示不完整。
3.小部分后端渲染,大部分前端渲染
使用后端web框架的View層進行頁面的基本部分渲染。
比如
<html>
<title></title>
<body></body>
<script src="xxx.js"></script>
</html>
更進一步:
使用node實現(xiàn)后端web框架的View層。
缺點:
一旦需求需要修改頁面基本部分,就跟大部分后端渲染的缺點一樣。
優(yōu)點:
用戶權限控制這一塊甩給后端了。
4.Node同構
只用一套技術棧,包管理工具和模塊依賴方式的一致。
缺點:
引入nodejs這一層,增加通信方式。
還要做用戶驗權轉(zhuǎn)發(fā)。
參考:
前后端同構之路