前言
隨著大前端時代的來臨,node在前段開發的過程中佔據了越來越重要的地位,近期接受了一個專案,恰好是node做中間層模式開發的,趁此機會我也對node做中間層有了更深層次的理解,這裡記錄一下在這個專案中node.js做中間層的開發流程。
專案所用到的技術棧
- node
- express
- ejs
- react
為了解決的問題
- 服務端渲染
- 整合介面資料成前端所需要的格式
模式
- 模板渲染(ejs)
- 多頁面應用
開發流程
- node調取後端介面資料,返回給對應的頁面模板
- 在頁面模板(html)內將資料掛載到window上
- 多頁面應用的每個頁面用react開發,元件從window.data取值
- 在子元件裡需要更新資料的時候又去觸發node的方法調取介面
後記
這是我的專案用到node中間層開發時的一個特別粗略的流程,沒有什麼實質的內容,希望能給努力的你一點點靈感。 我認為開發流程中重要的兩點是: 1.將值掛載到window上來傳值。 2.node如何跟它的ejs模板、及react元件如何觸發node去調介面。