Versionsstyring, deployment og orkestrering

Module Federations primære værdi er uafhængig udrulning: Et team kan opdatere, teste og udrulle sit remote uden at koordinere med host-teams eller udløse genudrulninger af hosten. Hosten registrerer automatisk ændringerne, næste gang den indlæser remoteEntry.js fra remote'ets URL.

I stedet for at levere remoteEntry.js på en fast URL (som ændres ved hver udrulning) kan du inkludere en indholdshash i URL'en: remoteEntry.[hash].js. Det gør hver udrulning uforanderlig — gamle URL'er bliver ved med at virke, og hosten refererer til den nye hash, når den opdateres til den nye udrulning. Uforanderlige URL'er muliggør aggressiv CDN-caching.

Fordi hosten finder remotes via URL, kan du implementere A/B-tests på infrastrukturniveau: Lever forskellige remoteEntry.js-URL'er til forskellige brugere (med henvisning til forskellige remote-versioner). Det muliggør ægte canary-udrulninger for microfrontends uden featureflaglogik i applikationskoden.

I stedet for at fastskrive remote-URL'er i Webpack-konfigurationen henter hosten et JSON-manifest ved opstart: GET /federation-manifest.json returnerer { buttonApp: 'https://cdn.example.com/button/remoteEntry.abc123.js' }. Hvis du vil opdatere, hvilken version hosten bruger, skal du opdatere manifestet — ingen genbygning af hosten er nødvendig.

Når en remote-udrulning introducerer en regression, er tilbageførsel øjeblikkelig: Opdater federation-manifest.json, så den peger på den tidligere remoteEntry.js-URL. Hosten begynder straks at bruge den gamle version i næste anmodningscyklus. Ingen genbygning af hosten, ingen tilbageførsel af hosten og ingen koordinering er nødvendig.

Module Federation 2.0 (pakken @module-federation/enhanced) indeholder betydelige forbedringer: bedre TypeScript-understøttelse med automatisk typegenerering fra manifester for fjernmoduler, en plugin-API til brugerdefineret indlæsningslogik under kørsel samt forbedret administration af delte områder til komplekse scenarier med versionsforhandling.

Pakken vite-plugin-federation bringer Module Federation til Vite-baserede projekter med en konfigurations-API, der minder om Webpacks ModuleFederationPlugin. Den er kompatibel med både fjernmoduler i Vite og værter i Webpack (og omvendt), så teams gradvist kan migrere til Vite uden at opgive Module Federation.

I meget dynamiske arkitekturer kan du konfigurere URL'er til fjernmoduler udelukkende under kørsel: import(remoteRegistry[featureName]), hvor remoteRegistry udfyldes af et API-kald. Det muliggør plugin-lignende arkitekturer, hvor nye mikrofrontends kan tilføjes uden at genopbygge skalapplikationen.

Skalapplikationens primære opgave er orkestrering: Den læser manifestet for fjernmoduler, initialiserer Module Federations kørselstid, registrerer fjernmoduler under navngivne ruter og gengiver det relevante fjernmodul ud fra den aktuelle URL. Skallen er med vilje slank — den ved, hvad der skal indlæses, ikke hvordan det skal gengives.

Tilføj ydeevneovervågning af indlæsning af fjernmoduler: pak import af fjernmoduler ind i try/catch, så indlæsningsfejl håndteres på en god måde (gengiv en reservegrænseflade, hvis fjernmodulet ikke er tilgængeligt), mål tiden til at hente remoteEntry.js og komponentdele, og send en alarm, hvis indlæsningstiden for fjernmodulet overskrider en grænse (hvilket kan indikere problemer med CDN'et).

En moden CI/CD-arbejdsgang for Module Federation ser sådan ud: fjernteamet indsender ændringer → CI bygger fjernmodulet → uploader den uforanderlige remoteEntry.[hash].js til et CDN → opdaterer federation-manifest.json → værten henter det nye fjernmodul ved den næste brugeranmodning. Hvert trin er automatiseret, og værtsteamet er aldrig involveret i udrulninger af fjernmoduler.

Module Federation muliggør ægte uafhængig udrulning: fjernmoduler kan udrulles uden at genopbygge værten, og værten opdager automatisk nye versioner. Brug indholdshashede URL'er til fjernmoduler for uforanderlig CDN-caching og et dynamisk manifest til fleksibel versionsstyring og øjeblikkelig tilbagerulning. vite-plugin-federation bringer disse muligheder til Vite, og dynamisk import af fjernmoduler muliggør plugin-lignende arkitekturer. Skallen orkestrerer indlæsningen af fjernmoduler og holder sig med vilje slank.