iT邦幫忙

鐵人檔案

2024 iThome 鐵人賽
回列表
JavaScript

前端也可以搞微服務?!前端最複雜的一種架構 系列

或許你聽過或是沒聽過以下詞彙,「微前端」、「微應用」、「前端微服務」,這些都是相同的東西。

微前端可以讓單一應用程式有自己的開發、部署、執行的生命週期,透過某種機制來達到相互溝通的能力。微前端是一個很好的切分單位,可以更容易讓更大的團隊溝組織通協作開發。

但微前端並不容易,我會把這來龍去脈和心酸血淚逐條逐項分享,讓想嘗試這架構的你可以少走點彎路,其中也包含很多就算不是實作微前端也會遇到的前端基礎建設問題,讓我們各個擊破吧!

鐵人鍊成 | 共 30 篇文章 | 33 人訂閱 訂閱系列文 RSS系列文
DAY 21

(二十一) 微前端的優化-模組載入

微前端的優化-模組載入 微前端因為大量拆分,各團隊都有自己的個性,導致高昂的載入成本,勢必要有良好的優化策略。 執行策略 渲染切分 以渲染功能切分,避免一載入初...

DAY 22

(二十二) 微前端系統架構

微前端系統架構 當你走到必須學習微前端,那你就得要面對一定程度的系統設計,就有一定的學習門檻。 基本架構 當產品規模後端已經開始使用微服務,那也滿足開始導入微前...

DAY 23

(二十三) 微前端開發流

微前端開發流 關於微前端開發流其實大部分情況都是希望部門自治,不要有互相干擾的情況發生。微前端本質是希望用基技術方案來解決管理問題,把資源分散到其他部門進行開發...

DAY 24

(二十四) 微前端也是微服務

微前端也是微服務 其實微前端跟微服務超級像,很多時候模組與模組之間的關聯性就是這樣被建立出來的。我剛開始還沒意識到這點,常常網路上翻來覆去都沒有微前端的資訊,直...

DAY 25

(二十五) 對微前端友善的函式庫設計

對微前端友善的函式庫設計 函式庫的實作千奇百怪,要評估一款函式庫是否合適於微前端的環境運作就要確認許多細節。 自已具備狀態 確認函式庫是否內部存了「狀態」,一但...

DAY 26

(二十六) DDD 大型前端架構

DDD 大型前端架構 通常小型到中型專案時,都會習慣使用 pages, components, store... 等等命名在分類功能資料夾,但相似的功能模組就會...

DAY 27

(二十七) 大型前端架構的共用管理

大型前端架構的共用管理 當你的專案隨著時間成長,你會越來越需要管理共用模組,這時候你就會需要一套共用管理機制。就像一個辦公室,隨著人擴張和成長,你沒辦法一直沿用...

DAY 28

(二十八) 你可能不需要微前端

你可能不需要微前端 其實蠻多人都會諮詢我關於微前端的開發,他們對微前端有種美好的誤會,認為可以用微前端解決當前的效能問題、共用問題、溝通問題。其實不然,微前端只...

DAY 29

(二十九) 遺珠之憾

遺珠之憾 其實礙於篇幅,還是很多東西想講,只好大雜燴講一下。 版本管理 可能有人以為使用了 git 就是版本管理,也有人認為套件發版是一個版本,在拆分的時候才有...

DAY 30

(三十) 後記

後記 說這麼硬的主題不免俗要來篇「免責聲明」,不然又是一片筆戰。 關於我的觀點 前面多篇漫漫大長篇去陳述微前端的各種細節,我也無法保證我說的一切都是「絕對正確」...