前端微服務化解決方案3-工程設計模式

bybailiang發表於2020-12-13

專案使用同一個公共入口,所有模組都複用該入口,進入後根據專案的不同指向不同的模組。

專案中所有的微模組資源以及框架資源都可以互相通訊,互相引用,互相訪問。微模組之間在開發版本中不設定壁壘。保證程式碼元件高可用,所有元件能夠跨業務通訊,跨業務使用。

資源包括:業務元件、靜態資源(css、圖片、音視訊檔案等)、js工具等

為保證專案各團隊能夠獨立執行,各自開發。在啟動工程的時候雖然是同一個入口,但是能夠分別啟動所屬的各自微模組的功能。可都啟動,也可只啟動一個,互不干擾。

啟動工程命令 啟動時通過正常啟動命令+微模組名來啟動。 例如:npm run dev:project1 該命令啟動名叫 project1 的微模組。啟動時瀏覽器將自動開啟頁面,後續會詳細講到。

每一個模組都可以獨自打包,獨自上線,互不影響,保證生成高可用。 打包資源目錄結構如下:

├── dist                        # 專案打包資源
│   ├── project01               # 第一個微模組打包資源
│   │   ├── static
│   │   ├── index.html
│   │   └── [project1]w${時間}.tar
│   ├── project02               # 第二個微模組打包資源
│   │   ├── static
│   │   ├── index.html
│   │   └── [project1]w${時間}.tar
│   └── 。。。

打包工程命令 打包時通過正常打包命令+微模組名來啟動。 例如:npm run build:project1 該命令打包名叫 project1 的微模組。打包後在dist資料夾中生產對應的微模組資料夾。

本作品採用《CC 協議》,轉載必須註明作者和本文連結

相關文章