Oyun Kitabı
Fédération de modules : accord Shell et Remote (Federation DE Modules Accord Shell Et Remote)
Fédération de modules : Shell et Remote Contract – une leçon de production sur les opérations logistiques.
Plateforme Micro Frontend Logistique (Fédération de Modules)
Partie 2 de 10
Une série de panneaux d'opération logistiques divisés en télécommandes shell, d'authentification et de fonctionnalités avec fédération de modules.
Fédération de modules : accord Shell et Remote
Shell installe des télécommandes ; Remote expose des tranches telles que la page ou la connexion. Webpack Module Federation nomme un hôte et des télécommandes qui exposent les modules via remoteEntry.js.```text host + remotes + remoteEntry.js
## Concepts à la première mention```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ı.
```Incapable de distinguer ces concepts, l’équipe confond l’interface utilisateur et la limite d’intégration.
## Forme du problème
Webpack Module Federation nomme un hôte et des télécommandes qui exposent les modules via remoteEntry.js.```text
host + remotes + remoteEntry.js
```## Distinction des employés
Shell installe des télécommandes ; Remote expose des tranches telles que la page ou la connexion.```text
host + remotes + remoteEntry.js
↓
explicit contract
```## Emplacement cassé en production
L’incident est amplifié lorsque les hypothèses de contrat ou de rayon/identité/déploiement sont obscurcies. Contrat visible, révocation visible.
## Les confrontations les plus déroutantes de cet épisode```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
Liste de contrôle de votre propre système
- Écrivez la limite de propriété de cette surface en une phrase.
- Qui déploie quelles modifications du contrat ?
- Qu'est-ce que l'interface utilisateur affiche en cas d'expiration ou de retard du fournisseur ?
- Testez-vous séparément les scénarios autonomes et intégrés ?
- Liste de refus : y a-t-il une fuite de domaine d'entreprise/fournisseur dans le contenu ?
Choses à retenir de cette section
- Le contrat doit être visible : chemin d'exposition, rayon, statut du ticket ou URL distante.
- L'écart entre l'interface utilisateur et le système externe est une décision de conception et non un bug.
- Un déploiement indépendant signifie une restauration indépendante.
La limite que vous cachez vous retrouvera en production.
FAQ
Frequently asked questions
Qu’est-ce que Shell (hôte) ?
Application qui installe les télécommandes, comporte une disposition commune et un routage de haut niveau.
Qu'est-ce que la télécommande ?
Construction autonome qui expose le module via remoteEntry.js.
Est-il vrai que « tout est plus sûr dans une seule application » ?
Une application unique est plus fragile si les limites ne sont pas claires
Que corrige cette section ?
Shell installe des télécommandes ; Remote expose des tranches telles que la page ou la connexion. Shell installe des télécommandes ; Remote expose des tranches telles que la page ou la connexion. Webpack Module Federation nomme un hôte et des télécommandes qui exposent les modules via remoteEntry.js.
Principes d'ingénierie appris
- Les limites de propriété et de publication sont aussi réelles que le modèle de domaine.
- Le système externe produit des preuves ; La situation opérationnelle est décidée par vous.
- Gérer le contrat comme un sever ; libérer les détails intérieurs.
Continuer la lecture
Continuer la lecture
Suivant en série
Pourquoi Auth devrait-il être une télécommande distincte ?
Pourquoi Auth devrait-il être une télécommande distincte ? — cours de production en opérations logistiques.
Suivant en série
Pourquoi les opérations logistiques nécessitent-elles un micro-frontend ?
À mesure qu’un panel d’opérations unique se développe, le déploiement et la propriété s’effondrent.…
Même série
Singleton réagit entre les télécommandes
Singleton React Between Remotes – une leçon de production sur les opérations logistiques.