Mikrofrontend-arkitektur

Kerneegenskaben er uafhængig udrulning: Checkout-teamet kan udrulle et nyt checkout-forløb uden at bygge eller udrulle produktkataloget igen. Hver remote er et separat artefakt bag sit eget byggeforløb.

Arkitekturen består af en host (skal), der indlæser én eller flere remotes. Skallen håndterer routing og layout på øverste niveau; remotes leverer funktionsområder, der indlæses efter behov.

Remotes kan sammensættes på byggetidspunktet, på serveren (SSI/edge) eller ved kørsel i browseren. Sammensætning ved kørsel med Module Federation er mest almindelig i Angular, fordi den bevarer uafhængig udrulning.

Module Federation gør det muligt for én bygget app at eksponere moduler, som en anden bygget app indlæser over HTTP ved kørsel, mens fælles biblioteker deles, så de ikke duplikeres. Det er motoren bag de fleste Angular-mikrof fronter.

Hver mikrof frontend bør svare til et tydeligt forretningsdomæne (katalog, checkout, konto). Rene domænegrænser minimerer koblingen mellem teams, hvilket er hele formålet. Fælles forhold (godkendelse, designsystem) bliver tydelige kontrakter.

Mikrof fronter tilføjer reel kompleksitet: forskellige versioner mellem remotes, duplikerede afhængigheder ved forkert konfiguration, vanskeligere fejlfinding på tværs af grænser samt fejl ved indlæsning under kørsel. Brug dem kun, når teamets størrelse retfærdiggør den ekstra kompleksitet.

For et lille team eller et enkelt produkt er en velstruktureret monolit med lazy-loadede ruter enklere og hurtigere. Mikrof fronter giver gevinst, når flere teams har brug for at udrulle uafhængigt til den samme app.

For at undgå en Frankenstein-brugergrænseflade deler teams et designsystembibliotek og globale typografier. Konsistens er en bevidst kontrakt, ikke et tilfælde, fordi hver remote bygges separat.

Angular-remotes skal dele én enkelt kopi af Angular-frameworket ved kørsel; hvis to Angular-versioner indlæses, går dependency injection i stykker, og bundlet bliver unødigt stort. Værktøjer som Native Federation håndterer denne deling for dig.

Mikrof fronter opdeler en stor app i uafhængigt udrulbare remotes, der indlæses af en host-skal og er knyttet til forretningsdomæner. Sammensætning ved kørsel via Module Federation er standard i Angular, som skal dele én enkelt framework-kopi. De løser kobling på teamniveau, men medfører reelle driftsomkostninger.