iT邦幫忙

2024 iThome 鐵人賽

DAY 11
0
Modern Web

初學者入門 - 有人叫我寫blog那就來做吧!系列 第 11

[day-10] - 淺談目前的網頁型態 - 蛤...微前端?

  • 分享至 

  • xImage
  •  

蛤...微前端?

最近聽到有人在討論「微前端」(Micro Frontends),我的反應是:「蛤?前端還能微嗎?」原來這個「微」是指根據微服務架構的理念,進一步把單體應用程式拆成更小、更獨立的模組,讓不同的團隊可以同時開發、部署和維護各自的部分。

簡單來說,就是把微服務架構的概念挪到前端來使用,因為在這個分工明確的時代系統整合是很困難的,不同團隊可能擅長使用的框架並非相通,因此使用微前端架構就可以將不同架構、框架的前端應用程式結合在一起。

所以..? 怎麼做微前端

最簡單的方式就是用iframe將多個不同框架的頁面拼裝在一起,再利用瀏覽器的 PostMessage 通訊機制即可做到簡易的跨框架、系統的溝通。聽起來有點蠢,當然還有其他的方法可以處理,讓我們來繼續看下去。

  • 路由劃分法
  • 利用 Web Components,將不同框架/應用嵌入到主應用程式
  • 模組聯邦(Module Federation)

微前端的優缺點

優點

  • 團隊獨立性:各團隊可以獨立運作,提高開發效率。
  • 技術多樣性:可以在同一專案中使用多種技術,適應不同需求。

缺點

  • 複雜度增加:應用的整合和部署變得更複雜,需要更多的服務管理機制。
  • 效能問題:同時載入多個架構的應用,可能導致效能下降。

所以,微前端並不是萬能的解決方案,對於小型專案幾乎是「殺雞用牛刀」,大家要根據實際情況選擇適合的架構。(大誤)


上一篇
[day-09] - 淺談目前的網頁型態 - "現代"的前端框架
下一篇
[day-11] - 初探內容管理系統 - CMS
系列文
初學者入門 - 有人叫我寫blog那就來做吧!17
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言