{"id":3216,"date":"2023-05-15T10:13:58","date_gmt":"2023-05-15T10:13:58","guid":{"rendered":"http:\/\/the-codest.localhost\/blog\/exploring-microservice-based-frontend-architecture\/"},"modified":"2026-03-05T10:48:02","modified_gmt":"2026-03-05T10:48:02","slug":"mikroservisais-pagristos-frontendo-architekturos-tyrinejimas","status":"publish","type":"post","link":"https:\/\/thecodest.co\/lt\/blog\/exploring-microservice-based-frontend-architecture\/","title":{"rendered":"Mikroservisais pagr\u012fstos priekin\u0117s versijos architekt\u016bros tyrin\u0117jimas"},"content":{"rendered":"

Pastaraisiais metais pasaulyje stebimas staigus pa\u017eangi\u0173j\u0173 \u017einiatinklio k\u016brimas<\/a>. Tarp \u0161i\u0173 naujovi\u0173 yra ir intriguojanti koncepcija, vadinama mikroservisais pagr\u012fsta priekin\u0117s dalies architekt\u016bra, paprastai vadinama mikroaplinkomis. Technologijoms nuolat tobul\u0117jant ir ple\u010diantis, efektyvi\u0173 ir veiksming\u0173 sistem\u0173 poreikis auga eksponenti\u0161kai. \u0160iame straipsnyje pakviesime jus \u012f \u012f\u017evalgi\u0105 kelion\u0119, kurioje bus nagrin\u0117jamas \u0161is modernus architekt\u016brinis modelis. Gilinsim\u0117s \u012f jo veikimo principus, naud\u0105 ir tai, kaip jis formuoja m\u016bs\u0173 po\u017ei\u016br\u012f \u012f patikim\u0173 \u017einiatinklio svetain\u0117<\/a> programos<\/strong>.<\/p>\n

\u012evadas \u012f \"Microfrontends<\/h2>\n

Termino \"microfrontend\" i\u0161pakavimas mus<\/a> su pasirinktiniai elementai<\/strong> su \u012fdomia perspektyva: \"mikro\", kuri nurodo \u012f ma\u017eus atskiriamus vienetus, ir \"frontend\", kuri nurodo \u012f naudotojams matom\u0105 programin\u0117s \u012frangos programos dal\u012f - naudotojo s\u0105saj\u0105 (UI). Sujungus abu elementus, gauname galing\u0105 priemon\u0119, galin\u010di\u0105 i\u0161 esm\u0117s pakeisti programavim\u0105.<\/p>\n

Gilindamiesi \u012f mikroaplinkos program\u0173 supratim\u0105, laikykite jas suma\u017eintomis i\u0161tis\u0173 priekini\u0173 program\u0173 versijomis. Sukurtos i\u0161skaidant sud\u0117ting\u0105 ir sud\u0117ting\u0105 monolitin\u0117 priekin\u0117 dalis <\/strong> vidin\u0119 strukt\u016br\u0105 \u012f valdomus nepriklausomus komponentus arba paslaugas, kuri\u0173 kiekvienas yra atsakingas u\u017e atskiras taikomosios programos funkcijas. Jie demokratizuoja kodas<\/a> nuosavyb\u0117 tarp kelios komandos<\/strong> dirbant su \u012fvairiais vieno projektas<\/a> - skatinti lankstum\u0105 ir lygiagretum\u0105.<\/p>\n

I\u0161 esm\u0117s, naudojant mikrokomandos<\/strong> architekt\u016bra suteikia komandoms galimyb\u0119 sutelkti pastangas nedidelio dyd\u017eio srityse, nesir\u016bpinant didel\u0117mis priklausomyb\u0117mis ar kit\u0173 vartotojo s\u0105sajos aspekt\u0173 trikd\u017eiais. Ji simbolizuoja, kad susigr\u0105\u017einate priekin\u0117s dalies aplinkos kontrol\u0119, o kartu suteikia daug naudos teikiant sud\u0117tingas paslaugas. \u017einiatinklio programos<\/strong> ir s\u0105sajas didelio na\u0161umo aplinkose. Dar tik prad\u0117jome dom\u0117tis, kas sudaro mfe arba \"kas yra micro frontend\". Laukia daug daugiau atradim\u0173! Laikykit\u0117s, nes kituose skyriuose toliau gilinsim\u0117s \u012f \u0161i\u0105 patraukli\u0105 srit\u012f.<\/p>\n

Mikroservisai<\/a> i\u0161 esm\u0117s pakeit\u0117 galin\u0119 k\u016brimo procesas<\/a>, bet k\u0105 jie rei\u0161kia priekinei daliai? Atsakymas - mikroaplinkos, kurios i\u0161 esm\u0117s taiko mikroservis\u0173 principus priekin\u0117s dalies architekt\u016brai. \u012ediegus mikroaplink\u0105 galima keliais b\u016bdais patobulinti savo programas.<\/p>\n

Kad b\u016bt\u0173 lengviau suprasti \u0161i\u0105 s\u0105vok\u0105, panagrin\u0117kime, kas yra \"micro frontend\". A mikro priekin\u0117 dalis<\/strong> monolitini\u0173 program\u0173 skaidymo \u012f nedidelius valdomus modulius id\u0117j\u0105, kuri taip pat taikoma priekiniam kodui. Tai rei\u0161kia, kad tinklalapis padalijamas \u012f nepriklausomas funkcijas, kurias valdo skirtingos komandos<\/strong>, taip padidindami greit\u012f ir na\u0161um\u0105.<\/p>\n

Privalumai mikro priekin\u0117 dalis<\/strong> po\u017ei\u016brio universalus atvaizdavimas yra \u012fvairus.<\/p>\n

    \n
  1. Nepriklausoma pl\u0117tra: Komponentai yra tarpusavyje sujungti, tod\u0117l kiekvienas komponentas komanda<\/a> gali savaranki\u0161kai dirbti su savo atskiromis dalimis, nedarydami didel\u0117s \u012ftakos kitoms.<\/li>\n
  2. Mastelio keitimas<\/a>: Kiekviena programos dalis gali b\u016bti kei\u010diama atskirai pagal poreik\u012f, kad b\u016bt\u0173 i\u0161vengta nereikaling\u0173 mastelio keitimo proces\u0173, taip u\u017etikrinant efektyv\u0173 i\u0161tekli\u0173 naudojim\u0105.<\/li>\n
  3. Lankstumas: Mikrofrontendai pasi\u017eymi lankstumu technologij\u0173 paketo at\u017evilgiu. Kiekviena komanda gali visi\u0161kai savaranki\u0161kai kurti savo vartotojo s\u0105sajos dal\u012f, naudodama bet kokius jiems tinkamiausius technologij\u0173 paketus.<\/li>\n
  4. Lengvesnis atnaujinimas: Kadangi kiekvienas komponentas veikia atskirai, j\u012f galima atnaujinti ar pakeisti po dal\u012f, o ne vienu metu kapitali\u0161kai remontuoti vis\u0105 sistem\u0105.<\/li>\n
  5. Lygiagretinimas: Tai leid\u017eia kelios komandos<\/strong> dirbti lygiagre\u010diai, kad funkcionalumas b\u016bt\u0173 pristatytas grei\u010diau ir b\u016bt\u0173 atliekami patikimi kokyb\u0117s patikrinimai.<\/li>\n<\/ol>\n

    Apibendrinant visus \u0161iuos privalumus, akivaizdu, kod\u0117l did\u0117ja susidom\u0117jimas priimti frontend mikroservis\u0173 architekt\u016bra<\/strong>. Ta\u010diau atkreipkite d\u0117mes\u012f, kad niekas n\u0117ra idealus; tam tikri privalumai turi ir tr\u016bkum\u0173 - prie\u0161 imdamiesi veiksm\u0173, atid\u017eiai \u012fvertinkite savo projekto poreikius!<\/p>\n

    Kaip veikia \"Microfrontends\"?<\/h2>\n

    Frontend mikroservis\u0173 architekt\u016bros koncepcija, arba \"mikrokomandos<\/strong>\", kaip ji da\u017enai vadinama, remiasi tvirtu pagrindu, kur\u012f suk\u016br\u0117 j\u0173 antrin\u0117s dalies analogai - mikroservisai. \u0160is programin\u0117s \u012frangos projektavimo metodas suskaido svetain\u0119 ar \u017einiatinklio programa<\/strong> \u012f lengvai valdomas dalis, kuri\u0173 kiekviena turi savo nustatyt\u0105 atsakomyb\u0119 ir funkcijas.<\/p>\n

    Gilinantis \u012f tai, kaip \u0161ie mikrokomandos<\/strong> darbas gali mus nuvesti \u012f gana technin\u0119 triu\u0161io skyl\u0119. Ta\u010diau glaustas paai\u0161kinimas gali pad\u0117ti suprasti pagrindinius dalykus ir neapkrauti j\u016bs\u0173 sud\u0117tingomis detal\u0117mis. I\u0161skaidykime \u0161\u012f
    \nproces\u0105 i\u0161skaidyti \u012f tris paprastas sudedam\u0105sias dalis:<\/p>\n

      \n
    1. Funkcijos padalijimas<\/li>\n
    2. Nepriklausomas vystymasis<\/li>\n
    3. Surinkimas \u012f vien\u0105 naudotojo s\u0105saj\u0105<\/li>\n<\/ol>\n

      Funkcijos padalijimas<\/h2>\n

      Pagrindin\u0117 id\u0117ja mikrokomandos<\/strong> gana paprasta - padalykite savo priekin\u0117s dalies funkcijas pagal funkcijas, sritis arba verslo padalinius. Kiekviena komanda r\u016bpinasi savo s\u0105sajos dalimi nuo prad\u017eios iki pabaigos, t. y. nuo duomen\u0173 baz\u0117s iki naudotojo s\u0105veikos.<\/p>\n

      Nepriklausomas vystymasis<\/h2>\n

      Kompetentingai pasiskirs\u010diusios, nedidel\u0117s komandos savaranki\u0161kai dirbs su savo dalimis, naudodamos jiems patogiausius arba geriausiai su u\u017eduotimis suderintus technologij\u0173 paketus. Nesvarbu, ar jos pasirenka React<\/a> \"Micro Frontend<\/strong> metodus arba pirmenyb\u0119 teikia NextJS \"Micro Frontend<\/strong> technologijos, skirtos konkretiems projekto reikalavimams \u012fvykdyti, priklausys tik nuo atskir\u0173 komand\u0173 kompetencijos.
      \n\u0160i funkcija leid\u017eia skirtingos komandos<\/strong> priimti skirtingas atskir\u0173 moduli\u0173 strategijas, pavyzd\u017eiui, testavimo metodikas, diegimo taktik\u0105 ir t. t., kurios pagal nutyl\u0117jim\u0105 priskiriamos savaranki\u0161koms komandoms, o surinktos sinchronizuojamos su kit\u0173 komand\u0173 funkcijomis.<\/p>\n

      \"\"<\/a><\/p>\n

      Surinkimas \u012f vien\u0105 naudotojo s\u0105saj\u0105<\/h2>\n

      Gali kilti klausimas, kaip skirtingos dalys skland\u017eiai susijungia \u012f vientis\u0105 k\u016brin\u012f? \u012evair\u016bs integracijos tipai, pavyzd\u017eiui, serverio pus\u0117s komponavimas ir k\u016brimo laiko integracija, padeda surinkti visus \u0161iuos vartotojo s\u0105sajos fragmentus atgal \u012f vien\u0105 konsoliduot\u0105 platform\u0105 (frontend\u0105).<\/p>\n

      Tokiu b\u016bdu naudotojai gauna tai, kas atrodo kaip vientisa programa, nors ji kuriama atliekant atskiras u\u017eduotis, kurias lygiagre\u010diai atlieka unikalios \u012f konkre\u010di\u0105 srit\u012f orientuotos komandos, kurian\u010dios \"mikro vartotojo s\u0105saj\u0105\". Tod\u0117l visa programa atrodo sklandi ir reaguojanti, ta\u010diau tai nerei\u0161kia, kad jos k\u016brimo ciklas yra suskaidytas, o tai labai pagerino efektyvum\u0105 ir subtilum\u0105, palyginti su tradiciniais monolitiniais modeliais.<\/p>\n

      \u0160iuolaikin\u0117s \u017einiatinklio programos<\/h2>\n

      \u017dengdami vis giliau \u012f skaitmenin\u012f am\u017ei\u0173, \u0161iuolaikiniai \u017einiatinklio programos<\/strong> tampa vis sud\u0117tingesni - tai atspindi ir did\u0117jantis j\u0173 vaidmuo \u0161iuolaikiniame versle. \u0160iame sud\u0117tingame augan\u010di\u0173 technologij\u0173 gobelene i\u0161 po kr\u016bmyn\u0173 i\u0161kyla s\u0105voka mikrokomandos<\/strong> architekt\u016bra.<\/p>\n

      Naujausios i\u0161radingumo aprai\u0161kos - priekin\u0117s dalies mikroservisai - tai naujovi\u0161kas po\u017ei\u016bris \u012f \u0161iuolaikini\u0173 paslaug\u0173 projektavim\u0105 ir \u012fgyvendinim\u0105. \u017einiatinklio programos<\/strong>. Jos apima tiek funkcinius, tiek vizualinius programos komponentus \u012f glaustus paketus, vadinamus \"mikroservisais\". Tai leid\u017eia programuotojams strategi\u0161kai diegti, atnaujinti ir atskirai valdyti \u012fvairius taikomosios programos aspektus.<\/p>\n

      Prakti\u0161kai k\u016br\u0117jai gali paskirti konkre\u010dias komandas atskiroms mikroservisams. Kiekvienai komandai tenka atsakomyb\u0117 u\u017e atitinkam\u0105 mikroservis\u0105 - nuo projektavimo iki k\u016brimo ir diegimo, taip skatinant tikslingesn\u0119 specializacij\u0105. nepriklausomos komandos<\/strong> procese.<\/p>\n

      Dar vienas unikalus \u0161i\u0173 vadinam\u0173j\u0173 \"moderni\u0173 \u017einiatinklio programos<\/strong> j\u0173 geb\u0117jimas vienu metu naudoti daugyb\u0119 technologij\u0173. Nesvarbu, ar naudojate React vienam komponentui, ar \"Nextjs\" kitam; lanks\u010dios technologij\u0173 kr\u016bvos yra j\u016bs\u0173 dispozicijoje viename projekte, jei kiekvienas elementas priklauso skirtingoms Frontend mikroservisai<\/strong>.<\/p>\n

      I\u0161 ties\u0173, nesiliaujanti pa\u017eanga diktuoja technikos evoliucijos ritm\u0105, tod\u0117l did\u0117ja sud\u0117tingumas, kur\u012f skaitmenini\u0173 sprendim\u0173 reikalaujan\u010dios \u012fmon\u0117s turi meistri\u0161kai valdyti. \u012edomu tai, kad \u0161is poreikis ver\u010dia imtis tobulesni\u0173 paradigm\u0173, pvz.mikro priekin\u0117 dalis<\/strong> react\" arba \"nextjs micro frontend\". Ta\u010diau labai svarbu, kad prie\u0161 pasineriant \u012f tokias metodikas nepamir\u0161tum\u0117te suprasti j\u0173 taikymo gilum\u0105, kuri nuo \u0161iol bus aptarta tolesniuose skyriuose.<\/p>\n

      Mikroaplink\u0173 tipai<\/h2>\n

      Kadangi m\u016bs\u0173 supratimas apie frontend mikroservis\u0173 architekt\u016bra<\/strong> gil\u0117ja, tampa labai svarbu nustatyti \u012fvairias egzistuojan\u010di\u0173 mikroaplink\u0173 r\u016b\u0161is. I\u0161 esm\u0117s jas galima suskirstyti \u012f tris pagrindines klasifikacijas.
      \nPirma, yra \"izoliuot\u0173\" mikro program\u0117l\u0117s<\/strong> arba priedus, dar vadinamus \"vertikaliai padalytomis\" arba \"vertikaliai atsietomis\". Jie apib\u016bdina pagrindinius principus mikro priekin\u0117 dalis<\/strong> reaguoti \u012f parai\u0161k\u0105. Jos pasi\u017eymi visapusi\u0161ku funkcionalumu ir turi specialias kod\u0173 bazes, tod\u0117l komandos gali savaranki\u0161kai dirbti su atitinkamomis paslaugomis netrukdydamos na\u0161umui ir nesukeldamos sujungimo konflikt\u0173.
      \nAntra, ai\u0161kiai organizuotas tipas, vadinamas \"sud\u0117tiniu\". mikrokomandos<\/strong>. Sud\u0117tiniai sprendimai suskaidyti \u017einiatinklio programos<\/strong> \u012f atskirus modulius, i\u0161laikant naudotojo s\u0105sajos nuoseklum\u0105. Pagal \u0161\u012f scenarij\u0173 kiekvienai priekin\u0117s dalies tarnybai priklauso dalis vartotojo s\u0105sajos, esan\u010dios vieno puslapio taikomojoje programoje, kuri\u0105 paprastai valdo ka\u017ekas pana\u0161aus \u012f nextjs. mikro priekin\u0117 dalis<\/strong> sud\u0117tis. Taip pasiekiama papildoma dizaino darnos ir funkcin\u0117s fragmentacijos s\u0105junga.<\/p>\n

      Galiausiai yra \"Mar\u0161rutu\" pagr\u012fsti frontai, kurie suteikia susiliejimo patirt\u012f per \u012fvairias \u012f\u0117jimo ta\u0161k\u0173 paslaugas, pavyzd\u017eiui, konteineriais pagr\u012fstus valdiklius (Green Widget Ideas), kasos paslaugas arba komunalines \u017einiatinklio paslaugas (micro ui). \u010cia komponentai nukreipia gaunamas u\u017eklausas \u012f atitinkamus puslapius, visapusi\u0161kai i\u0161naudodami \u012fvairias technologij\u0173 steko galimybes. \u0160is metodas suteikia didesn\u0119 laisv\u0119, kartu i\u0161laikant skland\u0173 per\u0117jim\u0105 tarp skirting\u0173 svetain\u0117s sri\u010di\u0173.<\/p>\n

      Kiekvienas tipas atspindi unikalias savybes ir turi savo stipri\u0105sias puses bei i\u0161\u0161\u016bkius, susijusius su \u012fvairi\u0173 tip\u0173 poreiki\u0173 tenkinimu. programin\u0117s \u012frangos projektai<\/a>. Tod\u0117l suprantama informacija apie \u0161ias kategorijas da\u017enai padeda priimti pagr\u012fstus sprendimus nustatant, koks tipas geriausiai atitinka j\u016bs\u0173 projekto reikalavimus.<\/p>\n

      \"Microfrontend\" architekt\u016bra<\/h2>\n

      Daug ra\u0161alo buvo i\u0161lieta aptariant mikrofrontend\u0173 koncepcij\u0105, ta\u010diau prie\u0161 pradedant gilintis \u012f jos esm\u0119, \u017eengkime \u017eingsn\u012f atgal ir ap\u017evelkime jos pirmtak\u0105 - monolitiniai frontendai <\/strong>.<\/p>\n

      Monolitiniai frontendai<\/h2>\n

      Senais laikais (na, ne taip jau seniai) priekin\u0117s dalies architekt\u016bra paprastai buvo organizuojama kaip vienas monolitas. Daugyb\u0117 skirting\u0173 komponent\u0173 buvo tarpusavyje susipyn\u0119, o bet koks pakeitimas reikalavo daug pastang\u0173, tod\u0117l pl\u0117totojams mastelio keitimas buvo didelis i\u0161\u0161\u016bkis. Tai trukd\u0117 nei efektyviai ir greitai atvaizduoti naujas funkcijas, nei greitai reaguoti \u012f pakeitimus.
      \nTa\u010diau atsiradus frontend mikroservisams arba \"mikrofrontendams\", \u0161ios problemos \u0117m\u0117 spr\u0119stis. Dabar i\u0161skleiskime \u0161\u012f skamb\u0173 \u017eod\u012f \u012f reali\u0105 praktik\u0105.<\/p>\n

      Vertikalusis organizavimas<\/h2>\n

      Mikroaplinkose naudojama vadinamoji vertikalioji organizacija arba vertikalusis pjaustymas. Jie suskaido galim\u0105 mil\u017eini\u0161k\u0105 svetain\u0117s s\u0105saj\u0105 \u012f ma\u017eesnius, lengvai valdomus gabal\u0117lius. Kiekviena j\u0173 kuriama atskirai, bet veikia kartu - pana\u0161iai kaip organizmo l\u0105stel\u0117s. Vilion\u0117 ai\u0161ki: gaunamos modulin\u0117s kod\u0173 baz\u0117s, kurias lengviau pri\u017ei\u016br\u0117ti, jos yra lankstesn\u0117s ir skatina \u012fvairi\u0173 funkcij\u0173 . <\/strong> autonomija.<\/p>\n

      Pagrindiniai vertikaliojo pjaustymo aspektai yra konteinerizavimas, kai kiekviena sekcija apima atskiras duomenys<\/a> logika ir vartotojo s\u0105sajos atvaizdavimas; b\u016bsenos izoliavimas, u\u017etikrinantis, kad veiksmai vienoje dalyje nesutrikdyt\u0173 kit\u0173, ir visi\u0161kas \u012fkapsuliavimas, apibr\u0117\u017eiantis kiekvien\u0105 element\u0105 kaip atskirus savaranki\u0161kus vienetus.<\/p>\n

      Pagrindin\u0117s \"Microfrontend\" id\u0117jos<\/h2>\n

      Pagrindin\u0117s temos, apiman\u010dios frontend mikroservis\u0173 architekt\u016br\u0105, apima nuo lengvo diegimo iki geresnio testavimo.<\/p>\n

      Pirma, i\u0161skaid\u017eius priekin\u0119 versij\u0105 \u012f mikrotinklo dalis, jos tampa laisvos nuo grie\u017et\u0173 priklausomybi\u0173; dabar kiekviena \u017einiatinklio komponentas<\/strong> gali b\u016bti kuriami atskirai, ta\u010diau puikiai veikia kartu. Taip skatinamas paskirstytas k\u016brimas skirtingos komandos<\/strong> nebijodami konfliktini\u0173 pasekmi\u0173.<\/p>\n

      Antra, nepriklausomas diegimas. Agile<\/a> transformacija tampa lengvesn\u0117, kai diegimas gali vykti bet kuriuo metu ir bet kur, net jei tuo pat metu kuriami ar diegiami kiti fragmentai.<\/p>\n

      Tre\u010dia, padid\u0117j\u0119s gamybos tempas - k\u016brimo ciklai sutrump\u0117ja, nes kiekvienas fragmentas i\u0161bandomas atskirai, o ne laukiama, kol bus baigtas kiekvienas komponentas, ir tik tada pradedami bandymai.<\/p>\n

      Pagaliau geriau program\u0173 prie\u017ei\u016bra<\/a> papras\u010diausiai d\u0117l to, kad ma\u017eiau kod\u0173 sukelia ma\u017eiau netvarkos, tod\u0117l galima efektyviau atnaujinti ar pakeisti greitai, o ne imtis plataus masto renovacijos.<\/p>\n

      Taip u\u017etikrinama geresn\u0117 na\u0161umo patirtis, palyginti su tradicin\u0117mis patikimomis sistemomis, kurios gali u\u017etrukti apdorojant didelius informacijos kiekius vienu metu.<\/p>\n

      Mikrofrontendin\u0117s architekt\u016bros privalumai<\/p>\n

      Mikrofrontendin\u0117s architekt\u016bros \u012fgyvendinimas \u017einiatinklio program\u0173 k\u016brimas<\/a><\/strong> turi daugyb\u0119 privalum\u0173. Nuo savaranki\u0161kumo kult\u016bros puosel\u0117jimo, efektyvumo didinimo programin\u0117s \u012frangos k\u016brimas<\/a> ciklo, inovacij\u0173 skatinimo - jos nauda i\u0161ties \u012fvairiapus\u0117. Kaip teisingai cituoja \"ThoughtWorks\", \"A mikrokomandos<\/strong> metodas gali duoti naudos, kuri atsveria paskirstyt\u0173 sistem\u0173 valdymo sud\u0117tingum\u0105\".<\/p>\n

      \"Microfrontend\" privalumai<\/h2>\n
        \n
      1. Autonomija: Tai suteikia komandoms galimyb\u0119 geriau kontroliuoti savo darbo eig\u0105. Laisv\u0117 spr\u0119sti d\u0117l technologij\u0173 paketo skatina \u012fvairov\u0119 ir didina bendr\u0105 produktyvum\u0105.<\/li>\n
      2. Atsparumas poky\u010diams: Atsi\u017evelgiant \u012f \u0161iam modeliui b\u016bding\u0105 modulin\u012f pob\u016bd\u012f, pagal \u0161\u012f model\u012f sukurta priekin\u0117s dalies architekt\u016bra nat\u016braliai pritaikoma prie funkcij\u0173 atnaujinim\u0173, nesutrikdant kit\u0173 komponent\u0173.<\/li>\n
      3. Koncentruotas k\u016brimo ciklas: Frontend mikroservisai skatina tikslingas pastangas, nes leid\u017eia taikyti krypting\u0105 po\u017ei\u016br\u012f \u012f kodavim\u0105, o ne veikti esant pla\u010dioms priklausomyb\u0117ms.<\/li>\n
      4. Inovacij\u0173 skatinimas: Mikrofrontendai skatina technologines naujoves, nes si\u016blo saugias vietas, kuriose k\u016br\u0117jai gali i\u0161bandyti naujas id\u0117jas nekeldami pavojaus visai sistemai.<\/li>\n<\/ol>\n

        Be to, tokios pramon\u0117s mil\u017ein\u0117s kaip \"Spotify\" ir \"IKEA\", kurios naudojasi mikro vartotojo s\u0105sajos architekt\u016bra, akivaizd\u017eiai rodo, kad \u0161i metodika tampa vis populiaresn\u0117 kaip perspektyvus sprendimas sud\u0117tingoms priekin\u0117s dalies problemoms spr\u0119sti.<\/p>\n

        Ta\u010diau \u012fsigilinkime \u012f \u0161iuos privalumus ir i\u0161siai\u0161kinkime, kiek jie i\u0161 tikr\u0173j\u0173 yra transformuojantys.<\/p>\n

        Kai kalbame apie savaranki\u0161kum\u0105 mikrofunkcin\u0117s strukt\u016bros kontekste, i\u0161 tikr\u0173j\u0173 kalbame apie tai, kad j\u016bs\u0173 komandos erdv\u0117se naikinamos tradicin\u0117s silosin\u0117s strukt\u016bros. U\u017euot skirst\u0119 komandas pagal u\u017eduo\u010di\u0173 funkcijas (pvz., UX\/UI dizaineriai ar priekin\u0117s dalies k\u016br\u0117jai), dabar jas galite organizuoti pagal atskirus technologinius elementus - kiekvienas i\u0161 j\u0173 priklauso izoliuoti komandos kod\u0105<\/strong> skirtingoms funkcijoms ar elementams j\u016bs\u0173 \u017einiatinklio programa<\/a>. I\u0161 esm\u0117s kiekviena komanda valdo savo dal\u012f kaip mini startuoliai, kuri\u0173 pagrindinis tikslas - efektyvus projekto vykdymas.<\/p>\n

        Be to, \u0161ios architekt\u016bros pritaikomumo veiksnys leid\u017eia skland\u017eiai atlikti poky\u010dius - tiek nedidelius dizaino pakeitimus, tiek did\u017eiulius sistemos pertvarkymus, o tai padeda \u012fmon\u0117ms i\u0161likti lanks\u010dioms ir atitikti besikei\u010dian\u010dius vartotoj\u0173 poreikius.
        \nBe to, naudojant mikrofrontendus galima sutelkti d\u0117mes\u012f; komandoms leid\u017eiama specializuotis atskiruose aspektuose, taip u\u017etikrinant auk\u0161tesn\u0119 produkcijos kokyb\u0119 ir i\u0161vengiant nereikalingos painiavos, kuri kyla vienu metu tvarkant \u012fvairias nesusijusias posistemes.<\/p>\n

        Galiausiai, ta\u010diau labiausiai intriguoja tai, kad mikrofrontendai veikia kaip \u0161vie\u017ei\u0173 id\u0117j\u0173 inkubatoriai; eksperimentuoti su naujausiomis technologijomis tampa daug saugiau, nes bandymai atliekami su izoliuotomis programos dalimis, tod\u0117l suma\u017e\u0117ja rizika, susijusi su pla\u010diai paplitusiomis \u012fgyvendinimo klaidomis.<\/p>\n

        Mikrofrontendin\u0117s architekt\u016bros diegimas galiausiai suteikia komandoms prana\u0161um\u0105 proces\u0173 ir produktas<\/a> evoliucija - akivaizdu, kod\u0117l tai puikus pasirinkimas \u0161iuolaikiniam \u017emogui, priekin\u0117s dalies k\u016brimas<\/a><\/strong> \u012fmon\u0117s.
        \nKada naudoti \"Microfrontends\"?<\/p>\n

        Jei svarstote apie frontend mikroservis\u0173 architekt\u016br\u0105, labai svarbu suprasti, kada ir kaip \u0161ios patikimos sistemos gal\u0117t\u0173 geriausiai pasitarnauti j\u016bs\u0173 projektui. Ta\u010diau nepamir\u0161kite, kad, kaip ir priimant bet kokius architekt\u016brinius sprendimus, tai, kas gerai veikia pagal vien\u0105 scenarij\u0173, gali b\u016bti ne taip pat s\u0117kminga pagal kit\u0105. Tai labai priklauso nuo konkre\u010di\u0173 j\u016bs\u0173 poreiki\u0173 ar apribojim\u0173 \u017einiatinklio programa<\/strong>.<\/p>\n

        Mikrofonai ir React<\/h2>\n

        \"React\" tapo neatsiejama veik\u0117ja platesn\u0117je srityje. mikro priekin\u0117 dalis<\/strong> pastaraisiais metais buvo sukurta taikom\u0173j\u0173 program\u0173 priekin\u0117s dalies mikroservis\u0173. React, \u017einomas d\u0117l savo lankstumo ir daugkartinio naudojimo komponent\u0173, tapo pagrindiniu \u012frankiu \u012fgyvendinant mikro priekin\u0117 dalis<\/strong> architekt\u016br\u0105, kad skirtingos komandos<\/strong> gali savaranki\u0161kai dirbti atskirose sekcijose, netrikdydami visos sistemos. \u0160is universalumas rei\u0161kia, kad esu link\u0119s rekomenduoti React pagrindu veikian\u010dias mikro vartotojo s\u0105sajas, jei planuojate sud\u0117ting\u0105 \u017einiatinklio programa<\/strong> kur mastelio keitimas ir atsparumas yra svarbiausi prioritetai.<\/p>\n

        Mikrofonai ir Angular<\/h2>\n

        Kaip i\u0161sami sistema, kuri ver\u010dia laikytis konkre\u010di\u0173 \u0161ablon\u0173, toki\u0173 kaip tip\u0173 sauga ir reaktyvusis programavimas, Angular<\/a> idealiai tinka mikro priekin\u0117 dalis<\/strong> reaguoti \u012f i\u0161d\u0117stym\u0105, kai norima kontroliuoti standart\u0173 vykdym\u0105 visose komandose. D\u0117l deklaratyvi\u0173 \u0161ablon\u0173, paremt\u0173 priklausomybi\u0173 injekcija, galutini\u0173 \u012franki\u0173 ir integruotos geriausios praktikos, sukurtos i\u0161 karto, kad palengvint\u0173 k\u016brimo darbo eig\u0105, Angular labai nat\u016braliai tinka sud\u0117tingoms programoms, siekian\u010dioms nuoseklaus srauto, nepaisant to, kad jas kuria daugyb\u0117 k\u016br\u0117j\u0173.<\/p>\n

        \"Microfrontends\" ir \"Nextjs<\/h2>\n

        \"Nextjs\" suteikia daug \u017eadan\u010di\u0173 galimybi\u0173 tiems, kurie nori pasinaudoti frontend mikroservis\u0173 architekt\u016bros privalumais. \"Nextjs\" teikiam\u0173 serverio pus\u0117s atvaizdavimo (SSR) galimybi\u0173 derinys kartu su izoliacijos savyb\u0117mis, kurias tvirtai remia mikrokomandos<\/strong> gali sudaryti puik\u0173 duet\u0105, u\u017etikrinant\u012f puiki\u0105 naudotojo patirt\u012f d\u0117l greitesnio puslapio \u012fkrovimo laiko ir nepriklausom\u0105 diegimo galimyb\u0119, atitinkamai atskiriant kod\u0105 verslo funkcij\u0173 pagrindu.<\/p>\n

        Pasirinkimas tarp React, Angular ar Nextjs neturi vienareik\u0161mi\u0161ko atsakymo - jis labai priklauso nuo to, ar tiksliai atpa\u017e\u012fstate savo gaminio reikalavimus. Tur\u0117tum\u0117te atsi\u017evelgti \u012f tokius veiksnius, kaip, pavyzd\u017eiui, kiek brandus j\u016bs\u0173 programin\u0117s \u012frangos k\u016brimo procesas? Kokio lygio laisv\u0117s norite, kad k\u016br\u0117jai tur\u0117t\u0173 laisv\u0117s projektuodami savo paslaugas? Arba galb\u016bt svarbiausia - ar \u0161i technologija skland\u017eiai \u012fsilies \u012f j\u016bs\u0173 jau esam\u0105 technologij\u0173 stek\u0105?<\/p>\n

        Nepamir\u0161kite, kad visame pasirinkimo srityje tarp karkas\u0173 \/ kalb\u0173, skirt\u0173 priekin\u0117s dalies mikroservisams \u012fgyvendinti, kiekviename \u017eingsnyje yra privalum\u0173 ir tr\u016bkum\u0173, kuriuos reikia nuodugniai \u012fvertinti prie\u0161 priimant \u012f konkre\u010di\u0105 aplink\u0105 - juk b\u016btent \u010dia \u0161iandien vyksta daug inovacij\u0173 visame pasaulyje!<\/p>\n

        Geriausia praktika naudojant \"Microfrontends<\/h2>\n

        Labiausiai Frontend kodas<\/strong> ir galutini\u0173 mikroservis\u0173, pvz. \"Micro Frontend<\/strong> React arba Nextjs mikro priekin\u0117 dalis<\/strong> \u017einiatinklio k\u016brimo strategijoje reikia apgalvotai planuoti ir laikytis konkre\u010di\u0173 princip\u0173. \u0160ie geriausios praktikos pavyzd\u017eiai ne tik pad\u0117s s\u0117kmingai u\u017ebaigti projekt\u0105, bet ir u\u017etikrins veiksming\u0105 ir kei\u010diamo dyd\u017eio sprendim\u0105.<\/p>\n

        I\u0161laikyti komandos savaranki\u0161kum\u0105<\/h2>\n

        Pagrindinis privalumas naudojant mikrokomandos<\/strong> architekt\u016bra apima komandos savaranki\u0161kumo ugdym\u0105. Kiekviena grup\u0117, atsakinga u\u017e konkre\u010di\u0105 paslaug\u0105, tur\u0117t\u0173 gal\u0117ti dirbti savaranki\u0161kai, ta\u010diau kartu siekti bendro sistemos tikslo.<\/p>\n

        - Komandos turi visi\u0161kai kontroliuoti savo sritis: nuo kod\u0173 ra\u0161ymo, j\u0173 funkcionalumo testavimo, diegimo ir prie\u017ei\u016bros po diegimo.<\/p>\n

        \u0160is metodas suma\u017eina sud\u0117ting\u0105 priklausomyb\u0119 tarp komand\u0173 ir padidina produktyvum\u0105, nes n\u0117 viena komanda nelaukia kitos komandos rezultat\u0173 - taip veiksmingai i\u0161naudojami mikroservis\u0173, toki\u0173 kaip \"React micro Frontend\", privalumai.<\/p>\n

        Testavimo strategij\u0173 pri\u0117mimas<\/h2>\n

        Testavimas yra neatsiejama bet kurio programin\u0117s \u012frangos k\u016brimo proceso dalis, o kai susiduriama su mikrokomandos<\/strong>, tai yra labai svarbu kaip niekada anks\u010diau. Sukurkite skirtingas testavimo strategijas \u012fvairiems kodo lygiams. Yra daugyb\u0117 test\u0173, kuriuos galite \u012ftraukti \u012f vamzdyn\u0105:<\/p>\n

          \n
        1. Vieneto testavimas<\/li>\n
        2. Integracijos testavimas<\/li>\n
        3. \"End-to-End\" testavimas (E2E)<\/li>\n<\/ol>\n

          U\u017etikrindami, kad visi \u0161ie bandymai b\u016bt\u0173 \u012fgyvendinti darbo eigoje naudojant pasirinktas vartotojo s\u0105sajos bibliotekas (React, Angular) palaikan\u010dias priemones, u\u017etikrinsite vis\u0173 \u012fdiegt\u0173 moduli\u0173 stabilum\u0105 ir patikimum\u0105.<\/p>\n

          Nes\u0117kmi\u0173 tolerancijos projektavimas<\/h2>\n

          Dar vienas geriausios praktikos aspektas - pripa\u017einti kartais pasitaikan\u010dias nes\u0117kmes, nes tai pad\u0117s sukurti atsarginius mechanizmus, kai atsiranda klaid\u0173, ir taip pagerinti naudotoj\u0173 patirt\u012f, nepaisant to, kad susiduriama su nedideliais nesklandumais.<\/p>\n

          Prad\u0117kite nuo to, kaip kiekviena paslauga s\u0105veikauja su kitomis \u012fprastomis veikimo s\u0105lygomis; tada i\u0161veskite strategijas, kaip elgtis tais atvejais, kai viena ar kelios paslaugos neveikia.<\/p>\n

          I\u0161laikykite nuoseklum\u0105 visoje vartotojo s\u0105sajoje ir (arba) naudotojo s\u0105sajoje<\/h2>\n

          Nors skatinant autonomin\u012f diegim\u0105 gali atsirasti skirtum\u0173 d\u0117l to, kaip kiekviena posistem\u0117 elgiasi ar atrodo vizualiai, ir d\u0117l to gali atsirasti nenuoseklumo UX ir vartotojo s\u0105sajos dizaine, o tai gali suklaidinti naudotojus, ta\u010diau \u0161io pos\u016bkio i\u0161vengti b\u016btina \u012fgyvendinant \"Micro Frontends<\/strong> Architekt\u016bra.<\/p>\n

          U\u017etikrinkite, kad bendri dizaino elementai, pvz., \u0161riftai, spalvos, bendri komponentai, nenukrypt\u0173 nuo nustatyt\u0173 norm\u0173. Stiliaus vadovas kartu su \u0161ablon\u0173 biblioteka yra i\u0161skirtiniai i\u0161tekliai, padedantys u\u017ekirsti keli\u0105 skirtumams tarp k\u016br\u0117j\u0173 komand\u0173 rezultat\u0173 ir u\u017etikrinti estetin\u012f nuoseklum\u0105 keliose vienodai integruojamose programose ar svetain\u0117se. mikro priekin\u0117 dalis<\/strong> karkasas arba nextjs mikro priekin\u0117 dalis<\/strong> jei jie pla\u010diai naudojami j\u016bs\u0173 projektuose.<\/p>\n

          Apibendrinant galima teigti, kad laikydamiesi \u0161ios geriausios praktikos labai prisid\u0117site prie optimali\u0173 rezultat\u0173, jei \u012f\u017eengsite \u012f \"Micro Frontend\" architekt\u016bra<\/strong> tuo pa\u010diu padedant kurti patikimus sprendimus, kurie b\u016bt\u0173 efektyviai pritaikyti dideliam program\u0173 naudojimui ir kartu pad\u0117t\u0173 Interneto programa<\/strong> prie\u017ei\u016bros galimybes kelyje.<\/p>\n

          \"Microfrontends\" ir \"Aplyca<\/h2>\n

          Daugelis technologij\u0173 \u012fmoni\u0173, pripa\u017eindamos frontend mikroservis\u0173 architekt\u016bros potencial\u0105, integravo \u0161\u012f metod\u0105 \u012f savo veikl\u0105. Tarp j\u0173 yra ir garsi technologij\u0173 sprendim\u0173 bendrov\u0117 \"Aplyca\".<\/p>\n

          \"Aplyca\" supranta, kad sud\u0117tinga \u0161iuolaikin\u0117 \u017einiatinklio programos<\/strong> da\u017enai per\u017eengia tradicini\u0173 monolitiniai frontendai <\/strong>, ple\u010diantis \u012f sud\u0117tingus kra\u0161tovaizd\u017eius, kuriuose kiekvienai daliai reikia skirti daug d\u0117mesio. Tod\u0117l kurdami savo sistemas jie pritaik\u0117 mikroaplinkos po\u017ei\u016br\u012f, kad u\u017etikrint\u0173 didesn\u012f moduliacij\u0105 ir mastelio keitim\u0105.
          \n\"Micro Frontends<\/strong> teikia daug naudos tokioms organizacijoms kaip \"Aplyca\".<\/p>\n

          Jie suma\u017eina priekini\u0173 u\u017eduo\u010di\u0173 valdymo sud\u0117tingum\u0105, nes didel\u0117s sistemos padalijamos \u012f ma\u017eesnius, lengviau valdomus komponentus. Taip padid\u0117ja komandos savaranki\u0161kumas, nes atskiros komandos gali dirbti su konkre\u010diais moduliais nedarydamos neigiamo poveikio kitoms sistemos dalims.<\/p>\n

          Be to, \"Aplyca\" pritaik\u0117 \"mikro vartotojo s\u0105sajos\" metod\u0105, kuris yra pagrindinis mikro priekin\u0117 dalis<\/strong> infrastrukt\u016bra - leido jiems kurti individualius valdiklius pagal \u012fvairius reikalavimus naudojant tokias technologijas kaip React ar Angular. \u0160i\u0173 ekologi\u0161k\u0173 valdikli\u0173 id\u0117j\u0173 lankstumas lemia didesn\u012f klient\u0173 pasitenkinim\u0105 d\u0117l greitesnio reagavimo laiko ir auk\u0161tesn\u0117s kokyb\u0117s produkcijos.<\/p>\n

          \"Aplyca\" i\u0161siskiria i\u0161 kit\u0173 priekin\u0117s dalies mikroservis\u0173 naudotoj\u0173 tuo, kad geba pasinaudoti \u0161iais privalumais ir kartu suma\u017einti galimus i\u0161\u0161\u016bkius, susijusius su nuoseklumu ir na\u0161umu.<\/p>\n

          Pavyzd\u017eiui, nors \u012fgyvendinant skirtingas sistemas gali atsirasti dizaino element\u0173 ar naudotojo patirties neatitikim\u0173, \"Aplyca\" \u0161\u012f i\u0161\u0161\u016bk\u012f sprend\u017eia pasitelkdama tvirtas valdymo strukt\u016bras, susijusias su UX\/UI standartais, kurios vis tiek leid\u017eia diegti naujoves pagal \u0161i\u0173 standart\u0173 apibr\u0117\u017etas ribas.<\/p>\n

          J\u0173 aktyvus valdymas u\u017etikrina did\u017eiausi\u0105 na\u0161um\u0105 net ir esant didesniam tinklo v\u0117lavimui, kuris gali atsirasti d\u0117l decentralizuoto mikrofrontend\u0173 pob\u016bd\u017eio kraunant bitus ir dalis i\u0161 skirting\u0173 serveri\u0173. J\u0173 frontend\u0173 architekt\u016bros sistema sumaniai sujungia visk\u0105, ko reikia, tinkamu laiku.<\/p>\n

          Apskritai tai, ko galima i\u0161mokti stebint, kaip tokios \u012fmon\u0117s kaip \"Aplyca\" naudoja \"mfe\" (sutrumpinta mikrofrontend\u0173 forma) metodus, suteiks verting\u0173 \u012f\u017evalg\u0173 visiems, kurie bando kovoti su nextjs. mikro priekin\u0117 dalis<\/strong> \u012frankius ar kitus su tokiu diegimu susijusius periferinius klausimus.<\/p>\n

          \"Frontend\" mastelio keitimas pagal architekt\u016br\u0105<\/h2>\n

          Priekini\u0173 architekt\u016br\u0173, ypa\u010d priekini\u0173 mikroservis\u0173, mastelio keitimas - tai sud\u0117tingumo, paslaug\u0173 nepriklausomyb\u0117s, na\u0161umo ir saugumo element\u0173 pusiausvyros u\u017etikrinimas. \u0160ie aspektai yra tiesiogiai susij\u0119 ir daro didel\u0119 \u012ftak\u0105 pagrindiniams aspektams, pvz. Serverio pus\u0117 <\/strong> Kompozicija, integracija k\u016brimo metu ir vykdymo laikas.<\/p>\n

          Serverio pus\u0117s sud\u0117tis<\/h2>\n

          Serverio pus\u0117s kompozicija yra vienas i\u0161 pagrindini\u0173 pagrind\u0173 kei\u010diant front-end architekt\u016bros mast\u0105, ypa\u010d kai susiduriama su sud\u0117tingomis mikrotinklo strukt\u016bromis. Tai metodas, leid\u017eiantis atskiras mikropaslaugas surinkti \u012f serverio pus\u0117je<\/strong> prie\u0161 perduodant klientui. Taip sukuriamas vieningas vaizdas, kuris paslepia techninius sud\u0117tingumus nuo naudotoj\u0173 ir kartu u\u017etikrina skland\u0173 darb\u0105.<\/p>\n

            \n
          1. Suma\u017eintos kliento prid\u0117tin\u0117s i\u0161laidos: Kadangi surinkimas vyksta serverio lygmeniu, suma\u017e\u0117ja papildoma klient\u0173 atsakomyb\u0117, ypa\u010d kai pra\u0161oma keli\u0173 i\u0161tekli\u0173.<\/li>\n
          2. S\u0105lyginis agregavimas: Tai suteikia lankstumo s\u0105lygi\u0161kai agreguoti skirting\u0173 mikro\u012fmoni\u0173 atsakymus. Vartotojo s\u0105sajos komponentai <\/strong>.<\/li>\n
          3. Na\u0161umo optimizavimas: D\u0117l ma\u017eesnio u\u017eklaus\u0173 skai\u010diaus tarp kliento ir serveri\u0173 (\u0161altinis) gerokai padid\u0117ja pradinio \u012fk\u0117limo greitis.<\/li>\n<\/ol>\n

            Integravimas \u012f k\u016brimo laik\u0105<\/h2>\n

            Toliau seka integracija k\u016brimo metu, dar viena esmin\u0117 strategija, naudinga \"React mikro priekin\u0117 dalis<\/strong> arba bet kokias kitas pana\u0161ias architekt\u016bras. I\u0161 esm\u0117s \u0161is metodas i\u0161 anksto parengia kiekvien\u0105 paslaug\u0105 k\u016brimo metu \u012f vien\u0105 vienet\u0105, kuriame yra viskas, ko reikia, kad ji b\u016bt\u0173 tinkamai \u012fvykdyta.
            \n1. Didelis nuoseklumas: K\u016br\u0117jai gali kontroliuoti kiekvien\u0105 savo programos i\u0161vesties aspekt\u0105.
            \n2. Inkrementus galima testuoti: Ma\u017eus prieaugius galima visi\u0161kai i\u0161bandyti, tod\u0117l gedim\u0173 mastas yra nedidelis.<\/p>\n

            Ta\u010diau paslaug\u0173 integravimas k\u016brimo metu reikalauja grie\u017eto koordinavimo tarp k\u016br\u0117jas<\/a> komandos i\u0161vengia nukrypim\u0173 tarp tik\u0117tinos elgsenos ir faktin\u0117s naudotoj\u0173 patirties, kurie gali atsirasti d\u0117l nepriklausom\u0173 diegimo scenarij\u0173.<\/p>\n

            Vykdymo laikas per JavaScript<\/h2>\n

            Kalbant apie paleidimo laiko parinktis, prieinamas frontend architekt\u016brai, \u012fskaitant nextjs mikro priekin\u0117 dalis<\/strong> program\u0173, veikian\u010di\u0173 per JavaScript<\/a> atrodo patraukliausia, atsi\u017evelgiant \u012f tai, kad ji pla\u010diai pripa\u017einta ir palaiko universalias nar\u0161ykles.
            \nNaudojant JavaScript, da\u017enai reikia \u012ftraukti atitinkamus scenarijus \u012f \u012fvairias savo kod\u0173 baz\u0117s dalis, o tai suteikia \u012fsp\u016bding\u0173 privalum\u0173, ta\u010diau taip pat kelia unikali\u0173 i\u0161\u0161\u016bki\u0173, pavyzd\u017eiui, galimi vard\u0173 erdvi\u0173 susid\u016brimai arba skirtingas nar\u0161ykli\u0173 versij\u0173 tvarkymas.<\/p>\n

            Nepaisant \u0161i\u0173 apribojim\u0173, JavaScript vis dar dominuoja d\u0117l dinami\u0161kos kalbos teikiam\u0173 prieinamumo ir sklandaus ry\u0161io tarp skirting\u0173 programos dali\u0173 galimybi\u0173.<\/p>\n

            Vykdymas per \u017einiatinklio komponentus<\/h2>\n

            Tiems, kurie m\u0117gsta mastelio keitim\u0105, moduliavim\u0105 ir pakartotin\u012f panaudojim\u0105 - Runtime via Interneto komponentai<\/strong> puikiai dera su \u017eali\u0173j\u0173 na\u0161lai\u010di\u0173 id\u0117jomis, kuriomis siekiama aplinkosauginio efektyvumo, u\u017etikrinamo pasitelkiant technologin\u0119 pa\u017eang\u0105.
            \nTinklo komponentai<\/strong> veikia pagal t\u0105 pa\u010di\u0105 patobulinto HTML funkcionalumo sistem\u0105, tod\u0117l pritaikomos daugkartinio naudojimo HTML \u017eym\u0117s, pritaikytos visoms programoms, nesir\u016bpinant konfliktais, tod\u0117l jos yra geriausias pasirinkimas dideliems projektams, kuriuose nepriklausomi pagalbiniai komponentai i\u0161laikomi vienoje strukt\u016broje (\u0161altinis).<\/p>\n

            Vykdymo laikas per Iframes<\/h2>\n

            Dar viena perspektyvi galimyb\u0117 \u012fgyvendinti kei\u010diamo mastelio priekin\u0117s dalies audin\u012f savo infrastrukt\u016broje, ypa\u010d kai kalbama apie izoliacij\u0105, atsiranda paleidimo metu naudojant iframe.<\/p>\n

            Nors pastaruoju metu i\u0161krito i\u0161 pagrindinio d\u0117mesio, atsi\u017evelgiant \u012f problemas, susijusias su na\u0161umo prid\u0117tin\u0117mis i\u0161laidomis ir SEO matomumu; iframes \u012fgyvendinimas i\u0161lieka puikus pasirinkimas, si\u016blantis grie\u017et\u0105 sm\u0117lio d\u0117\u017e\u0119, kartu suteikiant atskir\u0105 erdv\u0119 kiekvienam komponentui, netrukdan\u010di\u0105 kitiems \u0161alia.<\/p>\n

            Gilinantis \u012f potencialiai sud\u0117ting\u0105 frontend mikroservis\u0173 architekt\u016bros pasaul\u012f, negalima paneigti, kad \"Microfrontends\" tampa vis vertingesniu \u0161iuolaikinio \u017einiatinklio k\u016brimo \u0161altiniu. \u0160is novatori\u0161kas po\u017ei\u016bris leid\u017eia k\u016br\u0117jams ne tik supaprastinti savo darbo kr\u016bv\u012f, bet ir nepaprastai efektyviai kurti patikimas ir kei\u010diamo mastelio taikom\u0105sias programas.<\/p>\n

            Nesvarbu, ar kalbame apie \"Microfrontends\" su React, Angular, ar \"Next.js\" - visi jie yra labai svarb\u016bs kuriant \u0161\u012f nauj\u0105 priekin\u0117s dalies projektavimo keli\u0105 ir kiekvienas i\u0161 j\u0173 turi unikali\u0173 privalum\u0173 ir \u012fgyvendinimo \u012franki\u0173. Ta\u010diau svarbu nepamir\u0161ti, kad, kaip ir bet kuris architekt\u016bros stilius, mikrofrontend\u0173 naudojimas priklauso nuo konkre\u010di\u0173 j\u016bs\u0173 projekto poreiki\u0173 ir tiksl\u0173.<\/p>\n

            Neabejotinai \u012fdomu steb\u0117ti, kaip \u0161i sritis programin\u0117s \u012frangos in\u017einerija<\/a> toliau vystosi. Remiantis gerbiam\u0173 technologij\u0173 analitik\u0173, toki\u0173 kaip \"Gartner\" ir \"Forrester Research\", atliktais tyrimais, akivaizdu, kad \"Microfrontends\" ir toliau i\u0161liks ne tik mada - jie ir toliau vaidins pagrindin\u012f vaidmen\u012f formuojant ateities kra\u0161tovaizd\u012f. Interneto programa<\/strong> pl\u0117tra \u012fvairiose pramon\u0117s \u0161akose. Tai rei\u0161kia, kad reikia palengvinti darb\u0105 kelios komandos<\/strong> naudojant ta pati sistema<\/strong>, \u012f kur\u012f \u012ftrauktas serverio pus\u0117s atvaizdavimas<\/strong> padidinti na\u0161um\u0105, kad b\u016bt\u0173 galima nepriklausomos komandos<\/strong> dirbti su \u012fvairiais aspektais, susijusiais su \u017einiatinklio programa<\/strong>, naudojant \u017einiatinklio komponentai<\/strong> d\u0117l modulin\u0117s strukt\u016bros, naudojant universalus atvaizdavimas<\/strong> skland\u017eios kliento ir serverio integracijos b\u016bdai, panaudojant nar\u0161ykl\u0117s \u012fvykiai<\/strong> dinami\u0161kai naudotoj\u0173 patir\u010diai, laikantis \u017einiatinklio komponento specifikacija<\/strong> standartizavimui, u\u017etikrinant, kad komponentus b\u016bt\u0173 galima dislokuoti savaranki\u0161kai.<\/strong>, daugiausia d\u0117mesio skiriant pakrovimui tik b\u016btinus komponentus.<\/strong> efektyvumo, naudojant mikro priekin\u0117s dalies \u012fgyvendinimas<\/strong> lankstumo strategij\u0105, naudojant \u017einiatinklio serveris<\/strong> kaip Express serveris<\/strong> galin\u0117ms operacijoms, i\u0161samiai apra\u0161ant \u012fgyvendinimo informacija<\/strong> ai\u0161kios technin\u0117s prie\u017ei\u016bros, nustatant kry\u017eiaus komanda API<\/a><\/strong> bendravimui ir k\u016brimui pasirinktin\u0117s API<\/strong> konkre\u010dioms funkcijoms.<\/p>","protected":false},"excerpt":{"rendered":"

            Atraskite did\u017eiul\u012f mikroservisais pagr\u012fstos priekin\u0117s dalies architekt\u016bros potencial\u0105! Su\u017einokite, kaip i\u0161naudoti unikalius jos privalumus ir atskleisti naujas galimybes.<\/p>","protected":false},"author":2,"featured_media":3217,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":""},"categories":[8],"tags":[],"class_list":["post-3216","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-software-development"],"acf":[],"yoast_head":"\nExploring Microservice-Based Frontend Architecture - The Codest<\/title>\n<meta name=\"description\" content=\"Discover the vast potential of a microservice-based frontend architecture! Learn how to leverage its unique benefits.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/thecodest.co\/lt\/tinklarastis\/mikroservisais-pagristos-frontendo-architekturos-tyrinejimas\/\" \/>\n<meta property=\"og:locale\" content=\"lt_LT\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Exploring Microservice-Based Frontend Architecture\" \/>\n<meta property=\"og:description\" content=\"Discover the vast potential of a microservice-based frontend architecture! Learn how to leverage its unique benefits.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/thecodest.co\/lt\/tinklarastis\/mikroservisais-pagristos-frontendo-architekturos-tyrinejimas\/\" \/>\n<meta property=\"og:site_name\" content=\"The Codest\" \/>\n<meta property=\"article:published_time\" content=\"2023-05-15T10:13:58+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-03-05T10:48:02+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/thecodest.co\/app\/uploads\/2024\/05\/understanding_frontend__microservices_architecture___a_simple_guide.png\" \/>\n\t<meta property=\"og:image:width\" content=\"960\" \/>\n\t<meta property=\"og:image:height\" content=\"540\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"thecodest\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"thecodest\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"18 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/thecodest.co\\\/blog\\\/exploring-microservice-based-frontend-architecture\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/thecodest.co\\\/blog\\\/exploring-microservice-based-frontend-architecture\\\/\"},\"author\":{\"name\":\"thecodest\",\"@id\":\"https:\\\/\\\/thecodest.co\\\/#\\\/schema\\\/person\\\/7e3fe41dfa4f4e41a7baad4c6e0d4f76\"},\"headline\":\"Exploring Microservice-Based Frontend Architecture\",\"datePublished\":\"2023-05-15T10:13:58+00:00\",\"dateModified\":\"2026-03-05T10:48:02+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/thecodest.co\\\/blog\\\/exploring-microservice-based-frontend-architecture\\\/\"},\"wordCount\":4117,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/thecodest.co\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/thecodest.co\\\/blog\\\/exploring-microservice-based-frontend-architecture\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/thecodest.co\\\/app\\\/uploads\\\/2024\\\/05\\\/understanding_frontend__microservices_architecture___a_simple_guide.png\",\"articleSection\":[\"Software Development\"],\"inLanguage\":\"lt-LT\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/thecodest.co\\\/blog\\\/exploring-microservice-based-frontend-architecture\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/thecodest.co\\\/blog\\\/exploring-microservice-based-frontend-architecture\\\/\",\"url\":\"https:\\\/\\\/thecodest.co\\\/blog\\\/exploring-microservice-based-frontend-architecture\\\/\",\"name\":\"Exploring Microservice-Based Frontend Architecture - The Codest\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/thecodest.co\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/thecodest.co\\\/blog\\\/exploring-microservice-based-frontend-architecture\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/thecodest.co\\\/blog\\\/exploring-microservice-based-frontend-architecture\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/thecodest.co\\\/app\\\/uploads\\\/2024\\\/05\\\/understanding_frontend__microservices_architecture___a_simple_guide.png\",\"datePublished\":\"2023-05-15T10:13:58+00:00\",\"dateModified\":\"2026-03-05T10:48:02+00:00\",\"description\":\"Discover the vast potential of a microservice-based frontend architecture! Learn how to leverage its unique benefits.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/thecodest.co\\\/blog\\\/exploring-microservice-based-frontend-architecture\\\/#breadcrumb\"},\"inLanguage\":\"lt-LT\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/thecodest.co\\\/blog\\\/exploring-microservice-based-frontend-architecture\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"lt-LT\",\"@id\":\"https:\\\/\\\/thecodest.co\\\/blog\\\/exploring-microservice-based-frontend-architecture\\\/#primaryimage\",\"url\":\"https:\\\/\\\/thecodest.co\\\/app\\\/uploads\\\/2024\\\/05\\\/understanding_frontend__microservices_architecture___a_simple_guide.png\",\"contentUrl\":\"https:\\\/\\\/thecodest.co\\\/app\\\/uploads\\\/2024\\\/05\\\/understanding_frontend__microservices_architecture___a_simple_guide.png\",\"width\":960,\"height\":540},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/thecodest.co\\\/blog\\\/exploring-microservice-based-frontend-architecture\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/thecodest.co\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Exploring Microservice-Based Frontend Architecture\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/thecodest.co\\\/#website\",\"url\":\"https:\\\/\\\/thecodest.co\\\/\",\"name\":\"The Codest\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\\\/\\\/thecodest.co\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/thecodest.co\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"lt-LT\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/thecodest.co\\\/#organization\",\"name\":\"The Codest\",\"url\":\"https:\\\/\\\/thecodest.co\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"lt-LT\",\"@id\":\"https:\\\/\\\/thecodest.co\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/thecodest.co\\\/app\\\/uploads\\\/2024\\\/03\\\/thecodest-logo.svg\",\"contentUrl\":\"https:\\\/\\\/thecodest.co\\\/app\\\/uploads\\\/2024\\\/03\\\/thecodest-logo.svg\",\"width\":144,\"height\":36,\"caption\":\"The Codest\"},\"image\":{\"@id\":\"https:\\\/\\\/thecodest.co\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/pl.linkedin.com\\\/company\\\/codest\",\"https:\\\/\\\/clutch.co\\\/profile\\\/codest\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/thecodest.co\\\/#\\\/schema\\\/person\\\/7e3fe41dfa4f4e41a7baad4c6e0d4f76\",\"name\":\"thecodest\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"lt-LT\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/5dbfe6a1e8c86e432e8812759e34e6fe82ebac75119ae3237a6c1311fa19caf4?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/5dbfe6a1e8c86e432e8812759e34e6fe82ebac75119ae3237a6c1311fa19caf4?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/5dbfe6a1e8c86e432e8812759e34e6fe82ebac75119ae3237a6c1311fa19caf4?s=96&d=mm&r=g\",\"caption\":\"thecodest\"},\"url\":\"https:\\\/\\\/thecodest.co\\\/lt\\\/author\\\/thecodest\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Mikroservisais pagr\u012fstos frontendo architekt\u016bros tyrimas - The Codest","description":"Atraskite did\u017eiul\u012f mikroservisais pagr\u012fstos priekin\u0117s dalies architekt\u016bros potencial\u0105! Su\u017einokite, kaip i\u0161naudoti unikalius jos privalumus.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/thecodest.co\/lt\/tinklarastis\/mikroservisais-pagristos-frontendo-architekturos-tyrinejimas\/","og_locale":"lt_LT","og_type":"article","og_title":"Exploring Microservice-Based Frontend Architecture","og_description":"Discover the vast potential of a microservice-based frontend architecture! Learn how to leverage its unique benefits.","og_url":"https:\/\/thecodest.co\/lt\/tinklarastis\/mikroservisais-pagristos-frontendo-architekturos-tyrinejimas\/","og_site_name":"The Codest","article_published_time":"2023-05-15T10:13:58+00:00","article_modified_time":"2026-03-05T10:48:02+00:00","og_image":[{"width":960,"height":540,"url":"https:\/\/thecodest.co\/app\/uploads\/2024\/05\/understanding_frontend__microservices_architecture___a_simple_guide.png","type":"image\/png"}],"author":"thecodest","twitter_card":"summary_large_image","twitter_misc":{"Written by":"thecodest","Est. reading time":"18 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/thecodest.co\/blog\/exploring-microservice-based-frontend-architecture\/#article","isPartOf":{"@id":"https:\/\/thecodest.co\/blog\/exploring-microservice-based-frontend-architecture\/"},"author":{"name":"thecodest","@id":"https:\/\/thecodest.co\/#\/schema\/person\/7e3fe41dfa4f4e41a7baad4c6e0d4f76"},"headline":"Exploring Microservice-Based Frontend Architecture","datePublished":"2023-05-15T10:13:58+00:00","dateModified":"2026-03-05T10:48:02+00:00","mainEntityOfPage":{"@id":"https:\/\/thecodest.co\/blog\/exploring-microservice-based-frontend-architecture\/"},"wordCount":4117,"commentCount":0,"publisher":{"@id":"https:\/\/thecodest.co\/#organization"},"image":{"@id":"https:\/\/thecodest.co\/blog\/exploring-microservice-based-frontend-architecture\/#primaryimage"},"thumbnailUrl":"https:\/\/thecodest.co\/app\/uploads\/2024\/05\/understanding_frontend__microservices_architecture___a_simple_guide.png","articleSection":["Software Development"],"inLanguage":"lt-LT","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/thecodest.co\/blog\/exploring-microservice-based-frontend-architecture\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/thecodest.co\/blog\/exploring-microservice-based-frontend-architecture\/","url":"https:\/\/thecodest.co\/blog\/exploring-microservice-based-frontend-architecture\/","name":"Mikroservisais pagr\u012fstos frontendo architekt\u016bros tyrimas - The Codest","isPartOf":{"@id":"https:\/\/thecodest.co\/#website"},"primaryImageOfPage":{"@id":"https:\/\/thecodest.co\/blog\/exploring-microservice-based-frontend-architecture\/#primaryimage"},"image":{"@id":"https:\/\/thecodest.co\/blog\/exploring-microservice-based-frontend-architecture\/#primaryimage"},"thumbnailUrl":"https:\/\/thecodest.co\/app\/uploads\/2024\/05\/understanding_frontend__microservices_architecture___a_simple_guide.png","datePublished":"2023-05-15T10:13:58+00:00","dateModified":"2026-03-05T10:48:02+00:00","description":"Atraskite did\u017eiul\u012f mikroservisais pagr\u012fstos priekin\u0117s dalies architekt\u016bros potencial\u0105! Su\u017einokite, kaip i\u0161naudoti unikalius jos privalumus.","breadcrumb":{"@id":"https:\/\/thecodest.co\/blog\/exploring-microservice-based-frontend-architecture\/#breadcrumb"},"inLanguage":"lt-LT","potentialAction":[{"@type":"ReadAction","target":["https:\/\/thecodest.co\/blog\/exploring-microservice-based-frontend-architecture\/"]}]},{"@type":"ImageObject","inLanguage":"lt-LT","@id":"https:\/\/thecodest.co\/blog\/exploring-microservice-based-frontend-architecture\/#primaryimage","url":"https:\/\/thecodest.co\/app\/uploads\/2024\/05\/understanding_frontend__microservices_architecture___a_simple_guide.png","contentUrl":"https:\/\/thecodest.co\/app\/uploads\/2024\/05\/understanding_frontend__microservices_architecture___a_simple_guide.png","width":960,"height":540},{"@type":"BreadcrumbList","@id":"https:\/\/thecodest.co\/blog\/exploring-microservice-based-frontend-architecture\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/thecodest.co\/"},{"@type":"ListItem","position":2,"name":"Exploring Microservice-Based Frontend Architecture"}]},{"@type":"WebSite","@id":"https:\/\/thecodest.co\/#website","url":"https:\/\/thecodest.co\/","name":"The Codest","description":"","publisher":{"@id":"https:\/\/thecodest.co\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/thecodest.co\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"lt-LT"},{"@type":"Organization","@id":"https:\/\/thecodest.co\/#organization","name":"The Codest","url":"https:\/\/thecodest.co\/","logo":{"@type":"ImageObject","inLanguage":"lt-LT","@id":"https:\/\/thecodest.co\/#\/schema\/logo\/image\/","url":"https:\/\/thecodest.co\/app\/uploads\/2024\/03\/thecodest-logo.svg","contentUrl":"https:\/\/thecodest.co\/app\/uploads\/2024\/03\/thecodest-logo.svg","width":144,"height":36,"caption":"The Codest"},"image":{"@id":"https:\/\/thecodest.co\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/pl.linkedin.com\/company\/codest","https:\/\/clutch.co\/profile\/codest"]},{"@type":"Person","@id":"https:\/\/thecodest.co\/#\/schema\/person\/7e3fe41dfa4f4e41a7baad4c6e0d4f76","name":"thecodest","image":{"@type":"ImageObject","inLanguage":"lt-LT","@id":"https:\/\/secure.gravatar.com\/avatar\/5dbfe6a1e8c86e432e8812759e34e6fe82ebac75119ae3237a6c1311fa19caf4?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/5dbfe6a1e8c86e432e8812759e34e6fe82ebac75119ae3237a6c1311fa19caf4?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/5dbfe6a1e8c86e432e8812759e34e6fe82ebac75119ae3237a6c1311fa19caf4?s=96&d=mm&r=g","caption":"thecodest"},"url":"https:\/\/thecodest.co\/lt\/author\/thecodest\/"}]}},"_links":{"self":[{"href":"https:\/\/thecodest.co\/lt\/wp-json\/wp\/v2\/posts\/3216","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/thecodest.co\/lt\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/thecodest.co\/lt\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/thecodest.co\/lt\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/thecodest.co\/lt\/wp-json\/wp\/v2\/comments?post=3216"}],"version-history":[{"count":5,"href":"https:\/\/thecodest.co\/lt\/wp-json\/wp\/v2\/posts\/3216\/revisions"}],"predecessor-version":[{"id":8502,"href":"https:\/\/thecodest.co\/lt\/wp-json\/wp\/v2\/posts\/3216\/revisions\/8502"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/thecodest.co\/lt\/wp-json\/wp\/v2\/media\/3217"}],"wp:attachment":[{"href":"https:\/\/thecodest.co\/lt\/wp-json\/wp\/v2\/media?parent=3216"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/thecodest.co\/lt\/wp-json\/wp\/v2\/categories?post=3216"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/thecodest.co\/lt\/wp-json\/wp\/v2\/tags?post=3216"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}