前端中臺名詞掃盲

中臺

課堂筆記

什麼是中臺

以拍電影爲例： 咱們看到的前臺就是產出的電影自己，後臺是整個拍攝組，那麼中臺就至關於橫店影視城，提供可複用的場景來供後臺使用，好比拍古裝、民國片對應的場景，來產出不一樣的電影。

前臺：所見即所得
後臺：複雜邏輯
中臺：擁有可複用的場景的平臺

中臺的做用/特色

減小重複勞動、賦能、平臺化

中臺的劃分

主要分爲：前臺與後臺之間的中臺、技術中臺、業務中臺、組織中臺
舉例： GraphQL、FireBase、Kubernetes、PostgREST、LeanCloud等

除此以外還有兩種特殊的
孵化中臺的中臺：例如Spark、Storm等，能夠孵化語音識別、人臉識別的AI中臺，而這些孵化的中臺能夠給其它項目來用
調度中臺的中臺：好比淘寶會把不少中臺產出的項目合成到一個時間線上，這些都是須要有一箇中臺來調度

涉及到的代碼概念

元數據（metadata）：用來描述數據的數據，好比下圖中常見的請求頭和響應頭

高階函數

• 處理函數的函數（arr.reduce）
• 返回函數的函數 (koa中 app.use())

Proxy server：代理服務器
ES6 Proxy: 方便開發者劫持對對象的操做

• getter/setter
• Function call/construct

來看下面這段代碼，axios，從空對象空手套白狼，來攔截get方法，一層層攔截name,method屬性

使用以下：

小結

元數據能夠用來生成新項目的數據庫，生成接口調用。

用高階函數，固化處理邏輯、留空處理邏輯，固化處理邏輯就是剛纔說的孵化的AI人臉識別的中臺就是專門作AI識別的邏輯，留空處理舉個例子就是reduce方法留空了處理邏輯，傳過來方法纔開始處理。

Proxy來代替用戶去作一些事，而且能夠無感知的優化。好比數據庫中間件，當用戶秒殺下單時，自動作讀寫分離，交易太多打爆了以後從新把數據庫從新拉起來，一筆一筆的去從新下訂單。

簡單項目舉例：

層級	應用場景	面向人羣	做用
前臺	營銷頁面	用戶	元數據生成頁面
後臺	營銷後臺	產品、營銷、策劃	生成元數據
中臺	套娃中臺	前端、後臺	擴展元數據

簡單列舉一個表單配置項的例子，咱們在前端提交下圖這樣的元數據給後端存儲，前端經過fetch來獲取對應頁面的元數據：

在前端頁面這樣去填充：

最終用戶看到的是這樣的頁面：

業務擴展方向

海報配置項、表單配置項、RestfulAPI生成項

總結

咱們聽過阿里提出的「大中臺、小前臺」，可是對中臺這個概念卻一直不能理解，經過文中對中臺的特色，做用以及劃分來逐步完善對它的認知。

而且對涉及到的元數據、高階函數、proxy等概念也作了概述。而後經過代碼舉例來講明元數據到頁面的展現，但願你們能對中臺這個概念有一個瞭解。 思考：中臺和基建、PaaS服務有什麼關係？