Kiválasztott journey
Hitelesítés
Hitelesítési folyamat befizetéses és befizetés nélküli helyzetekhez
Előnézet Storybookban → journey ellenőrzése PlaywrighttalFrontendplatform-transzformáció
Előbb a rendszer határait alakítsd át,
aztán a felületet.
Az első kaszinóoldal migrációját én vezettem; jelenleg a FABRIC központi frontend keretrendszerért, annak közös design systeméért és újrahasznosítható Stencil webkomponenseiért felelek.
- Szerepkör
- Frontend Product Owner
- Időtartam
- 2023. okt. — jelenleg
- Mérföldkő
- Az első oldal migrálva
Journey-alapú micro-frontendek
HitelesítésBónuszokÜzenetekTranzakciók
Független szeletek · közös szerződések · nincs teljes oldalt érintő leállás a migrált területen
Két csapat, egy migrációs logika
Vidd végig az ügyfélutat.
Kezdd a legkisebb biztonságos egységgel.
Az Angular frontend közös kiadási folyamata szorosan összekapcsolta az ügyfélutakat. Az újrahasznosítható felületi elemekhez, az önálló kiadásokhoz és a következetes ügyfélélményhez ezért fokozatosan vezettük be a FABRIC keretrendszert, az élő szolgáltatások megszakítása nélkül.
Migrációs koreográfia
Kontrollált út az elemzéstől az élesítésre kész journey-ig.
Két csapatot hangoltam össze egy közös migrációs sorrend mentén: az élő Angular-viselkedés elemzése, a célhatár kialakítása, a komponensek elkészítése és review-ja, a szolgáltatások migrációja és bekötése, a journey mFE-szintű integrációja, majd E2E tesztekkel és a szükséges release guardrail-ekkel történő validációja.
01
ElemzésAz élő Angular-viselkedés, a szolgáltatásfüggőségek és a journey-kockázatok feltérképezése.
02
JavaslatA cél mFE-határ, az újrahasznosítható scope és a migrációs megközelítés meghatározása.
03
KomponenskészítésÚjrahasznosítható Stencil webkomponensek készítése és review-ja Storybookban.
04
Szolgáltatásmigráció / bekötésA meglévő szolgáltatások bekötése az új komponensalapú journey-be.
05
Integráció mFE-szintenA journey összeállítása egy függetlenül telepíthető micro-frontenden belül.
06
E2E tesztelés és release guardrail-ekA teljes journey validálása Playwrighttal és release guardrail-ekkel.
Mért platformhatás
Független journey-k. Mérhető platformelőnyök.
Az első migráció megmutatta, hogy a journey-szintű határok egyszerre javíthatják az ellenálló képességet, a teljesítményt és a szállítási áteresztőképességet.
Journey-alapú micro-frontendek
Az első oldal migrálvaHitelesítésbefizetéses · befizetés nélküli
Bónuszokfüggetlen rész
Üzenetekfüggetlen rész
Tranzakciókfüggetlen rész
StencilWeb componentsStorybookPlaywright
0Teljes oldalt érintő leállás a migrált területen
≈60%Fő teljesítménymutatók javulása
2.2×Új WEB-oldalak összeállítási sebessége
- A journey-k függetlenül telepíthető micro-frontendekre és szolgáltatásokra bontása után a migrált területen nem történt teljes oldalt érintő leállás.
- A migrált területen akár 60%-os javulást értünk el az LCP, INP és TTFB mutatókban.
- A migrált capability-ken belül elszigeteltük a hibákat, megelőzve a teljes oldalt érintő leállást és korlátozva az egyes incidensek által érintett ügyféljourney-k számát.
- A moduláris webkomponensekkel és a közös design systemmel megközelítőleg a korábbi 2,2-szeresére növeltük az új WEB-oldalak összeállítási sebességét.
- Migráltuk az első kaszinóoldalt, beleértve az authentikációs, bónusz-, üzenet- és tranzakciótörténet-journey-ket.
A platformmigráció akkor válik kezelhetővé, amikor a technikai határok követik az ügyféljourney-ket, és a csapatok a teljes újraírás bevárása nélkül tudnak értékes részeket kiadni.
Megjegyzés az eredményekhez · A rendelkezésre állási, teljesítmény- és szállításisebesség-adatok a megadott projekteredményeket tükrözik. A kereskedelmi adatok és a saját keretrendszer részletei bizalmasak.
Kezdjünk beszélgetést
Találjuk meg, mit
érdemes megépíteni.
Szívesen beszélgetek összetett product ownershipről, üzleti elemzésről, beszállítóértékelésről és olyan kezdeményezésekről, ahol valódi együttműködésre van szükség az üzleti és a fejlesztői oldal között.