Oyun Kitabı
Host Shell'de Rota (Routing) Bileşimi (Host Shell DE Routing Kompozisyonu)
Host Shell'de Rota (Routing) Bileşimi — lojistik operasyonlarında üretim dersi.
Lojistik Mikro Frontend Platformu (Module Federation)
Bolum 7 / 10
Lojistik operasyon panellerini Module Federation ile shell, auth ve feature remote'lara ayırma serisi.
Host Shell'de Rota (Routing) Bileşimi
Shell rota sahibi; remote sayfa sahibidir. The shell owns top-level routes and lazy-imports remote pages under stable path contracts.
/:app/:model → lazy remote pages
Shell rota sahibi; remote sayfa sahibidir.
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
The shell owns top-level routes and lazy-imports remote pages under stable path contracts.
/:app/:model → lazy remote pages
Çalışan ayrım
Shell rota sahibi; remote sayfa sahibidir.
/:app/:model → lazy remote pages
↓
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
- Bu yüzeyin sahiplik sınırını bir cümleyle yazın.
- Hangi kontrat değişirse kim deploy eder?
- Timeout veya vendor gecikmesinde UI ne gösterir?
- Standalone ve gömülü senaryoları ayrı test ediyor musunuz?
- Deny-list: içerikte firma/vendor domain sızıntısı var mı?
Bu bölümden aklında kalması gerekenler
- Sözleşme görünür olmalıdır: expose path, yarıçap, ticket durumu veya remote URL.
- UI ile dış sistem arasındaki boşluk tasarım kararıdır, bug değil.
- Bağımsız deploy, bağımsız geri alma demektir.
Gizlediğiniz sınır, üretimde sizi bulur.
SSS
Sık sorulan sorular
Shell (Host) nedir?
Remotes'u yükleyen, ortak layout ve üst seviye routing taşıyan uygulama.
Remote nedir?
remoteEntry.js üzerinden modül expose eden bağımsız build.
"Her şey tek uygulamada daha güvenli" doğru mu?
Sınırlar net değilse tek uygulama daha kırılgandır
Bu bölüm neyi sabitler?
Shell rota sahibi; remote sayfa sahibidir. Shell rota sahibi; remote sayfa sahibidir. The shell owns top-level routes and lazy-imports remote pages under stable path contracts.
Ogrenilen Muhendislik Prensipleri
- Sahiplik ve yayın sınırı, domain model kadar gerçektir.
- Dış sistem kanıt üretir; operasyonel durum sizde karara bağlanır.
- Kontratı semver gibi yönetin; iç detayı serbest bırakın.
Okumaya devam et
Okumaya devam et
Seride sonraki yazi
Remote'ları Bağımsız Static Host'lara Yayınlamak
Remote'ları Bağımsız Static Host'lara Yayınlamak — lojistik operasyonlarında üretim dersi.
Seride sonraki yazi
Paylaşılan UI (User Interface) Remote: Snackbar Geribildirimi
Paylaşılan UI Remote: Snackbar Geribildirimi — lojistik operasyonlarında üretim dersi.
Ayni seriden
Özellik Remote'u ve Bağımsız (Standalone) Yayın
Özellik Remote'u ve Bağımsız (Standalone) Yayın — lojistik operasyonlarında üretim dersi.