node.js 做中間層的開發流程

多芒小丸子發表於2018-11-06

前言

隨著大前端時代的來臨,node在前段開發的過程中佔據了越來越重要的地位,近期接受了一個專案,恰好是node做中間層模式開發的,趁此機會我也對node做中間層有了更深層次的理解,這裡記錄一下在這個專案中node.js做中間層的開發流程。

專案所用到的技術棧

  1. node
  2. express
  3. ejs
  4. react

為了解決的問題

  1. 服務端渲染
  2. 整合介面資料成前端所需要的格式

模式

  1. 模板渲染(ejs)
  2. 多頁面應用

開發流程

  1. node調取後端介面資料,返回給對應的頁面模板
  2. 在頁面模板(html)內將資料掛載到window上
  3. 多頁面應用的每個頁面用react開發,元件從window.data取值
  4. 在子元件裡需要更新資料的時候又去觸發node的方法調取介面

後記

這是我的專案用到node中間層開發時的一個特別粗略的流程,沒有什麼實質的內容,希望能給努力的你一點點靈感。 我認為開發流程中重要的兩點是: 1.將值掛載到window上來傳值。 2.node如何跟它的ejs模板、及react元件如何觸發node去調介面。

相關文章