モジュールフェデレーション: シェルとリモートの合意 (Module Federation Shell And Remotes)

モジュールフェデレーション: シェルとリモートの合意

シェルはリモートをインストールします。リモートはページやログインなどのスライスを公開します。 Webpack モジュール フェデレーションは、remoteEntry.js を介してモジュールを公開するホストとリモートに名前を付けます。```text host + remotes + remoteEntry.js

## 最初に説明した概念```text
📦 Shell (Host)
Remotes'u yükleyen, ortak layout ve üst seviye routing taşıyan uygulama.

📦 Remote
remoteEntry.js üzerinden modül expose eden bağımsız build.

📦 Expose Path
Tüketicilerin import ettiği public modül yolu (ör. auth/Login).

📦 Shared Singleton
React gibi bağımlılıkların tek kopyada çalışmasını zorunlu kılan Federation ayarı.
```これらの概念を区別できないため、チームは UI と統合境界を混同しています。

## 問題の形式

Webpack モジュール フェデレーションは、remoteEntry.js を介してモジュールを公開するホストとリモートに名前を付けます。```text
host + remotes + remoteEntry.js
```## 従業員の区別

シェルはリモートをインストールします。リモートはページやログインなどのスライスを公開します。```text
host + remotes + remoteEntry.js
        ↓
   explicit contract
```## 本番環境で位置が壊れている

契約または半径/アイデンティティ/展開の前提が曖昧な場合、インシデントは拡大します。目に見える契約、目に見える失効。

## このエピソードで最も混乱を招く対戦```text
❌ Her şey tek uygulamada daha güvenli
✓ Sınırlar net değilse tek uygulama daha kırılgandır

❌ Konfigürasyon kodda hardcoded kalsın
✓ Yarıçap, remote URL ve expose path operasyonel kontratlardır

❌ Vendor/API gerçeği UI state'tir
✓ Vendor feed kanıt, ops state karardır

独自のシステムのチェックリスト

1. このサーフェスの所有権境界を 1 文で書きます。
2. 誰がどの契約変更を展開しますか?
3. タイムアウトまたはベンダー遅延時に UI には何が表示されますか?
4. スタンドアロン シナリオと組み込みシナリオを別々にテストしますか?
5. 拒否リスト: コンテンツに企業/ベンダーのドメインの漏洩はありますか?

このセクションで覚えておくべきこと

1. コントラクトが表示される必要があります: パス、半径、チケットのステータス、またはリモート URL を公開します。
2. UI と外部システムの間のギャップは設計上の決定であり、バグではありません。
3. 独立したデプロイは、独立したロールバックを意味します。

非表示にした制限により、本番環境で見つかることになります。