Tebulu ọdịnaya[Zoo][Gosi]
- Yabụ, kedu ihe bụ modul federation?
- Gịnị kpatara modul federation?
- Ihe ndị bụ isi nke modul federation
Njirimara isi nke Module Federation+-
- Ọrụ weebụ dị mma
- Mmepe dị irè
- Ikike nke ịgwọ onwe ya na redundancy
- Ijikwa ihe ndabere nkịtị nke ọma
- Kama ibugharị ndị na-azụ ahịa, tinye koodu nọọrọ onwe ya.
- Mgbe ị na-agba ọsọ, bubata koodu site na nrụpụta ndị ọzọ.
- Ahụmịhe onye nrụpụta emelitere ka ị na-echekwa ahụmịhe ndị ahịa
- Micro-frontends na-arụ ọrụ n'ụdị monolithic.
- mmechi
Echiche nke micro frontends na-emetụta microservices maka mmepe frontend.
Echiche a bụ imebi ngwa ma ọ bụ webụsaịtị ahụ ka ọ bụrụ obere, nke emepụtara onwe ya nke na-ejikọta ya n'oge oge, n'adịghị ka ịmepụta ha dị ka otu monolith na-ejikọta ọnụ.
Usoro a na-enyere gị aka ịmepụta akụkụ ndị ọzọ nke ngwa ahụ site na iji teknụzụ ndị ọzọ yana ndị otu nọọrọ onwe ha.
Echiche a bụ ibelata mmefu mmezi nke metụtara otu monolith a na-ahụkarị site n'iwepụta mmepe n'ụzọ dị otú a.
Site n'ikwe ka ha tinye uche n'otu mpaghara nke ngwa dị ka otu ndị na-arụkọ ọrụ ọnụ, ọ na-emekwa ka ụdị mmekọrịta ọhụrụ dị n'etiti backend na frontend devs kwe omume.
Dịka ọmụmaatụ, ị nwere ike ịnwe otu ndị na-ahụ maka ike ọchụchọ ma ọ bụ akụkụ ọzọ nke ngwaahịa isi dị mkpa maka azụmahịa.
N'ihi modul federation, ị nwere ọrụ zuru oke iji jikwaa usoro ọrụ nke ahụ micro frontend ịbịaru nso iwu.
Nke a post ga-eleba anya miri emi na ije nke modul federation, yana ya isi atụmatụ na ngwa ụkpụrụ.
Yabụ, gịnị bụ modul Federation?
Nhazi njikwa modul Javascript na-eji akụkụ ejigharịgharị n'ọtụtụ ngwa.
Ọ bụ isi okwu jargon, mana emela m ka ọ dị ka ọ dị ka ikuku.
Dị ka anyị niile maara nke ọma na nkekọrịta ihe n'ime a React ngwa, Module Federation na-arụ ọrụ nke ọma otu ihe mgbaru ọsọ na omume, ewezuga na ọ na-akpali akpali na-ekpughe modul ngwa maka oriri site na ngwa ndị ọzọ.
Module Federation na-achọ imeri nsogbu nke ikesa modul na sistemu ekesa site na ibuga isi ihe ndị ahụ ekekọrịtara dị ka nnukwu ma ọ bụ obere dị ka achọrọ.
A na-arụzu nke a site n'iwepụ ha na ngwa gị yana usoro ịrụ ọrụ.
Gịnị kpatara modul federation?
Nke a bụ ụfọdụ ihe na modul federation nwere ike ijikwa ngwa ngwa:
- Mpụga na DLL (Ọbá akwụkwọ njikọ Dynamic) bụ ihe anyị na-enwe oge ụfọdụ maka ikekọrịta ọrụ n'etiti ngwa. Ihe niile mere ikesa koodu scaling siri ike nke ukwuu.
- NPM dị nwayọ.
- Mgbe mmemme abụọ dị iche iche na-ekekọrịta koodu dị oke mkpa, ha ga-abụrịrị ike na mgbanwe.
Ka ngwa ndị kwụụrụ onwe ha nọrọ kpam kpam na ebe nchekwa nke ha, wepụta iche, ma rụọ ọrụ dị ka SPA nke onwe ha, e mepụtara Module Federation.
Ihe ndị bụ isi nke modul federation
Tupu imikpu n'ime miri emi, nkenke ịkparịta ụka n'echiche ọhụrụ ole na ole nke modul federation na-eweta dị mkpa.
- Onye ọbịa: Mgbe ibe na-ebu ibu, ihe nrụpụta ma ọ bụ modul etinyere na mbụ ka a na-akpọ onye ọbịa. Enwere ike iche onye na-eweta ya dị ka onye ọbịa.
- Remote: Ebe dịpụrụ adịpụ bụ ihe nrụpụta dị iche na-eji akụkụ nke onye ọbịa. A na-akpọkwa ha ndị ahịa.
- Onye ọbịa bi-directional: ngwugwu Webpack na-arụ ọrụ dị ka ma ebe dịpụrụ adịpụ nke ndị ọbịa ndị ọzọ na-eri yana onye ọbịa na-eri remotes.
- Njikọ ndị na-ere ere: na-enyere aka ịkekọrịta oge ojiri gaa nke ọma nke npm modul dabere maka onye ọbịa ma ọ bụ nke dịpụrụ adịpụ, n'agbanyeghị ebe ebugoro ha. Otu n'ime isi nsogbu arụmọrụ na micro frontend na-edozi n'ụzọ dị otú a.
Ụkpụrụ nke Ngwa Federated
Evergreen Design System
Otu n'ime ụdịdị ngwa ngwa federated kacha bụ "evergreen remote," nke bụ ebe a na-ekekọrịta dị ka "Sistemụ Nhazi" ma ọ bụ "ọbá akwụkwọ akụrụngwa" nke a na-ekesa n'onwe ya yana emelitere maka ndị ọrụ niile.
Na-enweghị otu ngwa ọ bụla chọrọ iwepụta oge na ngbanwe, nke a nwere ike inye aka ịhụ na saịtị ịntanetị niile na-agbaso njirimara ụlọ ọrụ kacha ọhụrụ.
Iji chepụta na itinye oke na usoro dị mkpa iji kwe nkwa mmelite na-aga n'ihu, nke a nwere ike ịbụ ebe bara uru maka azụmaahịa ịmalite mgbe ị na-atụle nhazi ụlọ ejikọtara ọnụ.
Ndị na-esonụ bụ ụfọdụ ihe eji eme ihe ebe ebugara n'onwe ya nwere ike ịbụ ihe dabara adaba:
- Usoro nhazi
- Ngwa shells
- Ọbá akwụkwọ akụrụngwa
- Ndị ọrụ
- Ngwa ọrụ ekekọrịtara
- Ụdị nkesa ọzọ maka wijetị nke ime ma ọ bụ mpụga na-eji
Ịkekọrịta Module Multi-SPA
Jirikwa atụmatụ ebupugoro ugbua, dị ka akụrụngwa, n'ime ngwa nwere otu ibe dị iche iche. Uru gụnyere:
- Ndị ahịa na-enweta mmelite akpaghị aka
- Ọkachamara ngalaba ka dị na otu ndị na-ahụ maka ya.
- Na-emezi usoro mbugharị ahụ n'ihi na mwepụta modul dị iche adịghị mkpa.
Shell chụpụrụ Federation
Njikọ nke shei na-achị gụnyere:
- Mgbe ị na-eke ụdị ngwaahịa ọhụrụ, ndị otu ngwaahịa anaghị echere ndị otu Checkout mezue ọrụ ha.
- Mgbe ị na-atụgharị remotes, enweghị ibugharị ibe.
- Mgbe ọ dị mkpa, Shell na-enye nbudata ngwa ngwa na ụzọ (ọkwa dị elu).
- A na-eme ka ịgafe ebe dịpụrụ adịpụ site na ndị na-ere ahịa, nke na-enyere aka ijikwa ngwugwu npm na-ejikarị eme ihe.
- Shell na-enye usoro na ihe ndabere ndị ọzọ a na-ejikarị eme ihe nke ndị umengwụ na-arụ ọrụ remotes.
Multi-shell Federation
Yiri ka ụlọ ọrụ nke shei na-achị akọwara n'elu, mana ejiri shells dị iche iche.
O nwere:
- ọnụ ọgụgụ shells
- Ịkpọ aha ọcha
- Ọ bụghị ebe dịpụrụ adịpụ niile Shell B chọrọ ma ọ bụ nwee mmejuputa nke onwe.
Njirimara isi nke Module Federation
Ọrụ weebụ dị mma
Okwu dị na nhazi modul NPM nkịtị bụ na ka ọnụọgụ ndị dabere na-arị elu, nha ngwa ahụ na-etolitekarị.
Iji zere ịkwanye ngwugwu mgbe ngwa gị na-ebu ibu ma na-ebu naanị ya mgbe ọ dị mkpa, Module Federation na-enye gị ike iji umengwụ na-ebu ibu.
Nke a na-egbochi mkpa nbudata modul tupu achọrọ ha n'ezie, nke na-eme ka ọsọ saịtị dịkwuo mma.
Mmepe dị irè
Enwere ike ịmepụta ma nyefee ọrụ ọ bụla n'iche na otu dị iche iche nwere ike ịrụ ya n'ihi na Module Federation na-agba gị ume ịhazi ngwa gị n'ime ọrụ dị iche iche ka ị nwee ike wuo ma tinye ha iche iche (ya mere n'otu aka ahụ).
Ikike nke ịgwọ onwe ya na redundancy
Ndabere nkekọrịtara na-enye ohere ka Module Federation debe usoro dabere na mmemme gị niile n'otu ebe.
N'ụzọ dị otú a, ọbụlagodi mgbe ngwa anaghị ekwupụta ndabere ma ọ bụ mgbe enwere nsogbu netwọk, ọ ka maara ihe ọ chọrọ ma nwee ike ijikwa nbudata ya dịka ọ dị mkpa.
Ijikwa ihe ndabere nkịtị nke ọma
Na mgbakwunye, Module Federation na-enye njikwa ntụkwasị obi kachasị elu, na-edozi nke ọma onye na-ere ahịa na ihe ndị ọzọ chọrọ ka ngwa gị wee ghara ibu ihe karịrị otu ụdị ọba akwụkwọ.
Kama ibugharị ndị na-azụ ahịa, tinye koodu nọọrọ onwe ya.
Onye nrụpụta ahụ nwere mmasị dị ukwuu inwe ọrụ na-acha akwụkwọ ndụ akwụkwọ ndụ. Ozugbo arụ ọrụ dabere ekpughere agbanweela, ọ gaghị adị mkpa ịwụnye ndị na-azụ ahịa ọzọ.
M ga-ekweta na nke a bụ ihe dị ike nke ukwuu n'onwe ya, nke ga-achọ nyocha nke ọma iji gbochie ihe ndị a na-atụghị anya ya.
Mgbe ị na-agba ọsọ, bubata koodu site na nrụpụta ndị ọzọ.
Mgbe ị na-ewere ụdị ngwungwu NPM, anyị nwere ike ịtụle ngwa ndị na-eji Module Federation na API kama ịkekọrịta koodu na iche echiche nke "ọbá akwụkwọ."
N'otu aka ahụ ha nwekwara ike nweta ọrụ sitere na ngwa ndị ọzọ, ngwa weebụ nwere ike ịnye ọrụ na ngwa ndị ọzọ ugbu a.
Ahụmịhe onye nrụpụta emelitere ka ị na-echekwa ahụmịhe ndị ahịa
ọ bụla Onye nrụpụta Javascript ga-enwe ahụ iru ala na Module Federation n'ihi na ọ bụ ngwa mgbakwunye Webpack nwere ike ịnweta dị ka ụdị Webpack 5.
Nke a siri ike ma na-adọrọ mmasị ma ọ bụrụ na anyị echee ya.
Site na iji ndị na-ebu Webpack ndị ọzọ, tụlee ihe niile ahụ Ihe ntanetị ngwugwu, gụnyere scripts, akụ, ụdị, foto, markdowns, na ndị ọzọ.
Site na iji Module Federation, enwere ike kekọrịta ihe ndị a niile yana mekọrịta ya.
Micro-frontends na-arụ ọrụ n'ụdị monolithic.
Ọ dị mfe ịgbakwunye ọrụ nkekọrịta na ngwa gị; Naanị bubata ùkwù ahụ ka ọ dị nkịtị ma ọ bụ jiri ntinye mmekọrịta.
N'aka nke ọzọ, enwere ike iji nkwụnye asynchronous buo naanị ihe dabere mgbe ọ dị mkpa site na iji ngwunye umengwụ.
mmechi
Na post a, anyị atụlewo Module Federation dị ka nhọrọ mara mma maka ịmepụta ngwa micro-frontend gị.
Ikwe ka ngwà gbanwee ma rie arụrụ ọrụ n'oge ọ na-agba ọsọ na-akwalite scalability site n'inyere otu dị iche iche aka ịrụ ọrụ na ngwa nọọrọ onwe ha.
Mgbe arụ ọrụ nkịtị gbanwere, ịgaghị achọ imepụta na ibuga ndị na-azụ ahịa gị ebe ọ na-akwado ọrụ na-acha akwụkwọ ndụ akwụkwọ ndụ.
Mmemme gị ga-arụ ọrụ dị ka monolith mgbe emechara ya, nke mara mma.
A na-eji ndabere enwere ike kekọrịta iji belata nha ngwa. Ebe ọ bụ na ọtụtụ ndị mmepe amaralarị na gburugburu Webpack, ahụmịhe onye nrụpụta mara mma.
Nkume a-aza