Lisi o Mataupu[Natia][Fa'aali]
- O lea la, o le a le module federation?
- Aisea le module federation?
- Module federation vaega autu
Module Federation vaega autu+-
- Lelei le faatinoga o upegatafa'ilagi
- Atiina lelei
- Le malosi e faʻamalolo ai le tagata lava ia ma faʻalavelave
- Taulima lelei o fa'alagolago masani
- Nai lo le toe fa'atulagaina o tagata fa'atau, fa'apipi'i le code tuto'atasi.
- A tamo'e, fa'aulufale mai le code mai isi fale.
- Fa'aleleia le poto masani ile atina'e a'o fa'asaoina le poto masani ole tagata o tausia
- Micro-frontends e faagaoioia i se faiga monolithic.
- iʻuga
Ole manatu ole micro frontends e fa'aoga microservices ile atina'e pito i luma.
O le manatu o le talepeina o le talosaga poʻo le upega tafaʻilagi i luga o ni vaega laiti, tutoʻatasi atinaʻe ona faʻafesoʻotaʻi lea i le taimi o le taʻavale, e ese mai le fatuina o se monolith e tasi.
O le metotia e mafai ai e oe ona fatuina isi vaega o le talosaga e faʻaaoga ai isi tekinolosi ma faʻatasi ai ma au tutoatasi.
O le manatu o le faʻaitiitia o tupe faʻaalu e fesoʻotaʻi ma se monolith masani e ala i le vaevaeina o atinaʻe i lenei auala.
E ala i le fa'ataga o latou e taula'i i se vaega fa'apitoa o se talosaga e avea o se 'au fa'atasi, e mafai ai fo'i ni faiga fou o le felagolagoma'i i le va o le pito i tua ma le pito i luma devs e mafai.
Mo se faʻataʻitaʻiga, atonu e iai sau 'au e naʻo le nafa ma le gafatia suʻesuʻe poʻo se isi itu o se oloa autu e taua i se pisinisi.
Fa'afetai i le module federation, e lava au galuega e fa'atautaia ai le fa'asologa o galuega o le pito luma micro faiga fa'atonuga.
O lenei pou o le a vaʻavaʻai loloto i le fausaga o le module federation, faʻapea foʻi ma ona uiga autu ma mamanu faʻaoga.
Ma, o le a le module federation?
Javascript's module federation design e fa'aogaina ai vaega toe fa'aoga i le tele o talosaga.
E fai lava si fa'aupuga masani, ae na ona ou faia lava ia foliga fa'apea e foliga savili.
E pei ona tatou masani uma i le fefaʻasoaaʻi o vaega i totonu o le React application, o le Module Federation e faʻataunuʻuina lelei le sini lava e tasi i le faʻatinoga, sei vagana ai e faʻaalia ma le malosi le faʻaogaina o modules mo le faʻaaogaina e isi talosaga.
O lo'o taumafai le Module Federation e fo'ia le fa'afitauli o le fefa'asoaa'i o le module i se faiga fa'asoa e ala i le tu'uina atu o na elemene autu fa'asoa e pei o le macro po'o le micro e pei ona mana'omia.
E ausia lenei mea e ala i le aveesea mai au polokalama ma le fausiaina o galuega.
Aisea le module federation?
O nisi nei o mea e faigofie ona taulimaina e le module federation:
- O fafo ma DLLs (Dynamic Link Libraries) na o mea uma na matou maua i nisi taimi mo le faʻasoaina o galuega i le va o polokalama. O ia mea uma na fai ai le fa'avasegaina o fa'asoa fa'ailoga e matua faigata lava.
- O le NPM e fa'aletonu.
- Afai e lua polokalame eseese e faʻasoa tulafono taua, e tatau ona faʻamalosi ma fetuutuunai.
Ina ia mafai ona tu'u uma polokalame i totonu o latou lava fale teu oloa, fa'apipi'i ese, ma fa'agaoioi e fai ma latou lava SPA tuto'atasi, na fausia ai le Module Federation.
Module federation vaega autu
A'o le'i maulu loloto, talanoa pu'upu'u i nai manatu fou o lo'o aumaia e le module federation e taua tele.
- Host: A faʻapipiʻi se itulau, o le fausiaina poʻo le module na amataina muamua e taʻua o le talimalo. E mafai ona manatu se tagata e tu'uina atu o se talimalo.
- Mamao: O se mea mamao o se fausaga ese e faʻaaogaina se vaega o le talimalo. E taua foi i latou o tagata faatau.
- Bi-directional host: o se Webpack fausia e galue e lua o se mamao e faʻaaogaina e isi 'au ma se talimalo e faʻaumatia mamao.
- Vendor federation: e mafai ai ona fa'asoa fa'asoa fa'atasi taimi fa'asoa o le npm module fa'alagolago mo se talimalo po'o le mamao, tusa lava po'o le a le nofoaga e utaina ai. O se tasi o faʻafitauli tele faʻatinoga ma micro frontends e foia i lenei auala.
Mamanu o Federated Application
Evergreen Design System
O se tasi o faiga fa'avae o federated applications o le "evergreen remote," lea e fa'asoa mamao e pei o le "Design System" po'o le "Component library" lea e tu'ufa'atasia ma fa'afou mo tagata uma.
A aunoa ma le mana'omia e 'au fa'aoga ta'itasi e fa'aalu se taimi i toe teuteuga, e ono fesoasoani lea i le fa'amautinoaina o saite uma i luga ole laiga o lo'o pipii i le fa'asinomaga fa'apisinisi lata mai.
Ina ia mafai ona mamanuina ma faʻatulagaina tapulaʻa ma faiga e manaʻomia e faʻamautinoa ai le saogalemu, faʻafouina faʻafouga, atonu o se nofoaga aoga lea mo pisinisi e amata ai pe a mafaufau i se fausaga faʻapipiʻi tuʻufaʻatasia.
O lo'o mulimuli mai nisi o fa'aoga-mataupu e mafai ai ona fetaui lelei mea mamao fa'asoa tuto'atasi:
- Fuafuaga faiga
- Fa'aoga atigi
- Faletusi vaega
- Tagata faʻatau
- Mea faigaluega fa'asoa
- Isi fa'ata'ita'iga tufatufa mo widgets fa'aogaina e totonu po'o fafo
Fetufa'aiga Module Tele-SPA
Toe fa'aoga foliga ua uma ona auina atu i fafo, e pei o vaega, i ni polokalame tuto'atasi tasi itulau. O fa'amanuiaga e aofia ai:
- E maua e tagata fa'atau fa'afouga fa'aautomatika
- O lo'o tumau pea le tomai fa'apitonu'u i le 'au o lo'o fa'afoeina.
- Fa'afaigofie le fa'agaioiina o le fa'agaioiga ona e le mana'omia ni fa'asalalauga tu'ufa'atasi.
Asosi fa'aola
O le feterale e fa'aulu i atigi e aofia ai:
- A'o faia se fa'asologa o oloa fou, e le fa'atali le 'au o oloa mo le 'au Siaki e fa'auma a latou galuega.
- Pe a fesuiai mamao, e leai se toe utaina o itulau.
- Pe a manaʻomia, e ofoina atu e Shell le faʻagesegese o uta mamao ma (tulaga maualuga) taʻavale.
- O le faʻaogaina o mea mamao e mafai ona maua e ala i le faʻatauga faʻatau, lea e mafai ai ona toe faʻaaogaina pusa npm masani.
- Shell e ofoina atu le faʻavae ma isi faʻalagolago masani e toe faʻaaogaina e le paie uta mamao.
Federasi atigi tele
E taitutusa ma le federation lea e fa'ata'ita'i i atigi o lo'o fa'amatalaina i luga, ae 'ese'ese atigi fa'aoga.
O loʻo iai:
- se numera o atigi
- Fa'ailoga paepae
- E le o mamao uma e mana'omia e Shell B pe iai ni fa'atinoga tuto'atasi.
Module Federation vaega autu
Lelei le faatinoga o upegatafa'ilagi
O le fa'afitauli i le tu'ufa'atasiga masani o le NPM module e fa'apea a fa'atupula'ia le aofa'i o tagata fa'alagolago, e fa'ateleina le tele o le talosaga.
Ina ia aloese mai le utaina o fusi pe a uta lau tusi talosaga ma naʻo le utaina pe a manaʻomia, o le Module Federation e ofoina atu ia te oe le tomai e utaina ma le paie fusi.
Ole mea lea e taofia ai le mana'omia o le la'uina o modules ae le'i mana'omia moni, lea e fa'aleleia ai le saoasaoa o nofoaga.
Atiina lelei
O poloketi ta'itasi e mafai ona gaosia ma tu'u ese'ese ma e mafai ona fa'atinoina e 'au 'ese'ese aua e fa'amalosia oe e le Module Federation e fa'atulaga lau talosaga i ni galuega fa'apitoa ina ia mafai ai ona e fau ma fa'apipi'i ese'ese (ma fa'atutusa ai).
Le malosi e faʻamalolo ai le tagata lava ia ma faʻalavelave
Fa'asoa fa'alagolago e mafai ai e le Module Federation ona siaki uma fa'alagolago i lau polokalame i se nofoaga e tasi.
I lenei auala, e tusa lava pe le faʻaalia e se talosaga se faʻalagolago poʻo pe a iai faʻafitauli fesoʻotaʻiga, na te iloa pea mea e manaʻomia ma mafai ona taulimaina le laʻuina atu pe a manaʻomia.
Taulima lelei o fa'alagolago masani
E le gata i lea, o le Module Federation e ofoina atu le pulega sili atu ona faalagolago, e foia lelei le tagata faatau ma isi vaega e manaʻomia ina ia aua neʻi utaina e lau talosaga le sili atu ma le tasi le lomiga o le faletusi.
Nai lo le toe fa'atulagaina o tagata fa'atau, fa'apipi'i le code tuto'atasi.
E fiafia tele le tagata fa'atupuina i le i ai o galuega fa'aolaola. O le taimi lava e suia ai galuega fa'alagolago fa'aalia, e le toe mana'omia le toe fa'apipi'i o tagata fa'atau.
E tatau ona ou taʻutino atu o se mea sili ona malosi i totonu ma ia lava, o se tasi e manaʻomia se suʻesuʻega faʻaeteete e puipuia ai iʻuga e leʻi mafaufauina.
A tamo'e, fa'aulufale mai le code mai isi fale.
Pe a faʻaaogaina le faʻataʻitaʻiga o le NPM, atonu tatou te mafaufau i polokalame e faʻaogaina ai le Module Federation e pei o API nai lo le faʻasoaina o code ma mafaufau i le "faletusi."
I le auala lava e tasi e mafai ai ona latou mauaina galuega mai isi polokalama, o talosaga i luga o le initaneti e mafai nei ona tuʻuina atu galuega i isi talosaga.
Fa'aleleia le poto masani ile atina'e a'o fa'asaoina le poto masani ole tagata o tausia
se Javascript developer o le a faʻalelei lelei i le Module Federation ona o se Webpack plugin lea e mafai ona maua e pei ole Webpack version 5.
O le mea moni e sili atu le malosi ma le manaia pe a tatou mafaufau i ai.
I le faʻaaogaina o uta Webpack isi vaega lona tolu, mafaufau i vaega uma e Webpack fusi, e aofia ai tusitusiga, aseta, sitaili, ata, faʻailoga, ma isi mea.
I le faʻaaogaina o le Module Federation, o nei mea uma e mafai ona faʻasoa ma faʻatasi.
Micro-frontends e faagaoioia i se faiga monolithic.
E fai si faigofie le fa'aopoopoina o galuega fa'asoa i lau talosaga; na'o le fa'aulufale mai o le fusi e pei ona masani ai pe fa'aaoga le fa'atauga fa'atasi.
I le isi itu, e mafai ona fa'aoga le uta asynchronous e na'o le utaina o fa'alagolago pe a mana'omia e ala i le fa'aogaina o le uta paie.
iʻuga
I lenei pou, ua matou talanoaina le Module Federation o se filifiliga sili mo le atinaʻeina o lau micro-frontend application.
O le tu'uina atu o polokalame e fa'afesuia'i ma fa'aaoga galuega i taimi ta'avale e fa'amalosia ai le fa'alauteleina e ala i le fa'ataga o 'au eseese e galulue i talosaga tuto'atasi.
A suia le galuega masani, e te le manaʻomia le mamanu ma faʻapipiʻi au tagata faʻatau talu ai e lagolagoina le faʻaogaina o le evergreen.
O lau polokalame o le a galue pei o se monolith pe a uma ona faʻatulagaina, lea e manaia tele.
Fa'asoa fa'alagolago e fa'aoga e fa'aitiitia ai le tele o polokalama. Talu ai o le tele o atinaʻe ua leva ona masani i le Webpack environment, o le atinaʻeina o le poto masani e sili ona lelei.
Tuua se tali