Versiointi, käyttöönotto ja orkestrointi

Module Federationin tärkein hyöty on itsenäinen käyttöönotto: tiimi voi päivittää, testata ja ottaa remoten käyttöön ilman koordinointia host-tiimien kanssa tai hostin uudelleenkäyttöönottoa. Host ottaa muutokset automaattisesti käyttöön seuraavan kerran, kun se lataa remoteEntry.js:n remoten URL-osoitteesta.

Sen sijaan että remoteEntry.js tarjottaisiin kiinteässä URL-osoitteessa (joka muuttuu jokaisen käyttöönoton yhteydessä), URL-osoitteeseen lisätään sisältötiiviste: remoteEntry.[hash].js. Näin jokainen käyttöönotto on muuttumaton — vanhat URL-osoitteet toimivat edelleen, ja host viittaa uuteen tiivisteeseen, kun se päivitetään uuteen käyttöönottoon. Muuttumattomat URL-osoitteet mahdollistavat aggressiivisen CDN-välimuistinnin.

Koska host selvittää remotet URL-osoitteen avulla, A/B-testaus voidaan toteuttaa infrastruktuuritasolla: eri käyttäjille voidaan tarjota eri remoteEntry.js-URL-osoitteita (jotka osoittavat remoten eri versioihin). Tämä mahdollistaa mikrofrontendien aidot canary-käyttöönotot ilman sovelluskoodin feature flag -logiikkaa.

Sen sijaan että remote-URL-osoitteet kovakoodattaisiin Webpack-määritykseen, host noutaa käynnistyksen yhteydessä JSON-manifestin: GET /federation-manifest.json palauttaa arvon { buttonApp: 'https://cdn.example.com/button/remoteEntry.abc123.js' }. Hostin käyttämän version päivittämiseksi päivittäkää manifesti — hostia ei tarvitse kääntää uudelleen.

Kun remoten käyttöönotto aiheuttaa regression, palautus on välitön: päivittäkää federation-manifest.json osoittamaan edelliseen remoteEntry.js-URL-osoitteeseen. Host alkaa käyttää vanhaa versiota heti seuraavalla pyyntösyklillä. Hostia ei tarvitse kääntää uudelleen tai palauttaa, eikä koordinointia tarvita.

Module Federation 2.0 (@module-federation/enhanced-paketti) tuo merkittäviä parannuksia: paremman TypeScript-tuen, johon kuuluu tyyppien automaattinen generointi remote-manifesteista, ajonaikaisen plugin-API:n mukautettua latauslogiikkaa varten sekä parannetun shared scope -hallinnan monimutkaisia versioiden neuvottelutilanteita varten.

vite-plugin-federation-paketti tuo Module Federationin Vite-pohjaisiin projekteihin käyttäen Webpackin ModuleFederationPluginin kaltaista määritys-API:a. Se on yhteensopiva sekä Vite-remotien että Webpack-hostien kanssa ja päinvastoin, joten tiimit voivat siirtyä asteittain Viteen luopumatta Module Federationista.

Hyvin dynaamisissa arkkitehtuureissa remote-moduulien URL-osoitteet voidaan määrittää kokonaan ajon aikana: import(remoteRegistry[featureName]), jossa remoteRegistry täytetään API-kutsulla. Tämä mahdollistaa plugin-tyyppiset arkkitehtuurit, joissa uusia mikrofrontend-sovelluksia voidaan lisätä ilman shell-sovelluksen uudelleenrakentamista.

Shell-sovelluksen tärkein tehtävä on orkestrointi: se lukee remote-manifestin, alustaa Module Federationin ajonaikaisen ympäristön, rekisteröi remote-moduulit nimettyjen reittien alle ja renderöi nykyistä URL-osoitetta vastaavan remoten. Shell on tarkoituksella kevyt — se tietää, mitä ladataan, ei sitä, miten se renderöidään.

Lisätkää suorituskyvyn seuranta remote-moduulien lataamiseen: kietokaa remote-importit try/catch-rakenteeseen, jotta latausvirheet voidaan käsitellä hallitusti (renderöikää varakäyttöliittymä, jos remote-moduuli ei ole saatavilla), mitatkaa remoteEntry.js-tiedoston ja komponenttien chunkien lataamiseen kuluva aika ja ilmoittakaa, jos remoten latausaika ylittää kynnysarvon (mikä voi viitata CDN-ongelmiin).

Kypsä Module Federation -CI/CD-putki näyttää tältä: remote-tiimi tekee commitin → CI rakentaa remoten → muuttumattoman remoteEntry.[hash].js-tiedoston lataaminen CDN:ään → federation-manifest.json-tiedoston päivittäminen → host ottaa uuden remoten käyttöön seuraavan käyttäjäpyynnön yhteydessä. Jokainen vaihe on automatisoitu, eikä host-tiimin tarvitse osallistua remoten käyttöönottoihin.

Module Federation mahdollistaa aidosti itsenäiset käyttöönotot: remotet voidaan ottaa käyttöön ilman hostin uudelleenrakentamista, ja host löytää uudet versiot automaattisesti. Käyttäkää sisältötiivisteellä varustettuja remote-URL-osoitteita muuttumattomaan CDN-välimuistiin sekä dynaamista manifestia joustavaan versioiden reititykseen ja välittömiin palautuksiin. vite-plugin-federation tuo nämä ominaisuudet Viteen, ja dynaamiset remote-importit mahdollistavat plugin-tyyppiset arkkitehtuurit. Shell orkestroi remote-moduulien lataamisen ja pysyy tarkoituksella kevyenä.