Module Federation: Shell ve Remote Sözleşmesi (Modul Federasyonu Shell Ve Remote)

Module Federation: Shell ve Remote Sözleşmesi

Shell, remotes yükler; remote, sayfa veya Login gibi dilimler expose eder. Webpack Module Federation names a host and remotes that expose modules via remoteEntry.js.

host + remotes + remoteEntry.js

Shell, remotes yükler; remote, sayfa veya Login gibi dilimler expose eder.

Kavramlar ilk geçtiği yerde

📦 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ı.

Bu kavramları ayırt edemeyen ekip, UI ile entegrasyon sınırını karıştırır.

Problemin şekli

Webpack Module Federation names a host and remotes that expose modules via remoteEntry.js.

host + remotes + remoteEntry.js

Çalışan ayrım

Shell, remotes yükler; remote, sayfa veya Login gibi dilimler expose eder.

host + remotes + remoteEntry.js
        ↓
   explicit contract

Üretimde kırılan yer

Sözleşme veya yarıçap/kimlik/deploy varsayımları gizlendiğinde incident büyür. Görünür sözleşme, görünür geri alma.

Bu bölümde en çok karışan eşleştirmeler

❌ 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

Kendi sisteminizi denetleme listesi

1. Bu yüzeyin sahiplik sınırını bir cümleyle yazın.
2. Hangi kontrat değişirse kim deploy eder?
3. Timeout veya vendor gecikmesinde UI ne gösterir?
4. Standalone ve gömülü senaryoları ayrı test ediyor musunuz?
5. Deny-list: içerikte firma/vendor domain sızıntısı var mı?

Bu bölümden aklında kalması gerekenler

1. Sözleşme görünür olmalıdır: expose path, yarıçap, ticket durumu veya remote URL.
2. UI ile dış sistem arasındaki boşluk tasarım kararıdır, bug değil.
3. Bağımsız deploy, bağımsız geri alma demektir.

Gizlediğiniz sınır, üretimde sizi bulur.