Disctopia
Přehled případu
Unifikovaná vrstva API, která propojuje platformu pro streamování hudby a její marketingovou webovou stránku do jednoho bezproblémového ekosystému — sdílená autentizace, sdílený backend, centralizovaná logika obsahu.
Cíl: Hlavním cílem bylo vytvořit unifikovanou vrstvu API, která používá Auth0 pro autentizaci napříč oběma platformami, umožňující uživatelům přihlásit se na webu pomocí stejných přihlašovacích údajů jako v streamovací aplikaci. Toto jediné API by zpracovávalo prohlížení novinek, komentáře a lajky - udržující konzistenci uživatelských dat mezi oběma produkty za všech okolností.
Navíc jsme potřebovali flexibilní systém oznámení o událostech, který by mohl zobrazovat nadcházející události na obou platformách - plně řízený z CMS bez jakéhokoliv zapojení vývojářů.
Klíčové informace o projektu
Odvětví
Streamování hudby, Ekonomika tvůrců, Digitální média, Monetizace umělců
Služby
Architektura API, Integrace autentizace, Full-Stack vývoj, Přizpůsobení CMS
Řešení
Unifikovaná vrstva API, Auth0 SSO, oznámení o událostech řízená CMS, sdílené komentáře a lajky
Technologie
.NET, Umbraco, JavaScript, React, Auth0, Umbraco Cloud, Mailchimp, HubSpot
Výzvy
Autentizace napříč platformami
Zajištění bezproblémového a konzistentního fungování Auth0 na dvou platformách s různými front-endovými technologiemi — webová stránka a streamovací webová aplikace.
Struktura API bez duplicit
Nastavení API tak, aby zvládalo logiku komentářů, lajků a novinek, a zároveň se vyhýbalo jakékoli duplicitě backendové logiky mezi oběma produkty.
Bezpečná konzistence relací
Zajištění bezpečného zpracování tokenů a konzistentních uživatelských relací napříč dvěma doménami, aby uživatelé nikdy nepociťovali rozdíl mezi platformami.
Systém oznámení řízený CMS
Vytvoření dynamického banneru oznámení plně řízeného z Umbraca — redaktoři vybírají, kde se události zobrazí bez nutnosti zásahu do kódu.
Jednoduchost architektury
Centralizace všeho bez zbytečného komplikování architektury — udržení udržovatelnosti a rozšiřitelnosti s růstem platformy.
Proces
Používá se fázový přístup implementace, počínaje návrhem a nastavením základní architektury API a autentizačního systému a postupně přecházející přes jednotlivé etapy až k plně integrované vrstvě oznámení řízené CMS, která sjednocuje dodávku obsahu a chování systému napříč platformami.
Unifikovaná architektura API
Navrženo a vybudováno jedno API, které využívá jak marketingová webová stránka, tak streamovací aplikace. Veškerá data procházejí jedním backendem — žádné duplikace, žádné zrcadlení.
Integrace Auth0
Integrace Auth0 jako sdíleného poskytovatele autentizace pro obě platformy. Uživatelé se přihlásí jednou a přecházejí mezi webem a aplikací bez nutnosti znovu se autentizovat. Zpracování tokenů a stav relací je bezpečně řízen napříč doménami.
Komentáře, lajky a logika novinek
Implementace funkčnosti komentářů a lajků přes centrální API. Webová stránka se připojuje ke stejnému backendu jako streamovací aplikace, což zajišťuje sjednocené sociální interakce a konzistenci dat.
Systém oznámení o událostech
Vytvořen vlastní skript, který získává data o událostech z Umbraca a zobrazuje dynamický banner na platformě dle volby editora. Marketing může oznamovat události na webu, v aplikaci nebo na obou — bez nutnosti zásahu vývojářů.
Řešení
Klíčové vlastnosti řešení
Unifikovaná vrstva API — Jedno API pohání web i streamovací aplikaci. Veškerá data (uživatelé, novinky, komentáře, lajky, události) procházejí jediným zdrojem pravdy, což odstraňuje duplicity a problémy se synchronizací.
Sdílená autentizace Auth0 — Auth0 je společný poskytovatel identity. Uživatelé se přihlásí jednou; stejné přihlašovací údaje fungují napříč platformami s konzistentními relacemi a tokeny.
Komentáře & Lajky přes centrální API — Sociální interakce jsou zpracovávány přes unifikované API, což udržuje data o zapojení konzistentní napříč platformami.
Oznámení o událostech řízená CMS — Skript stahuje data o událostech z Umbraca a zobrazuje bannery. Redaktoři nastavují obsah a umístění (web, aplikace, obojí) bez zásahu vývojáře.
Integrace Mailchimp & HubSpot — Integrované s Mailchimp a HubSpot, takže týmy spravují marketing a CRM pomocí známých nástrojů, s daty plynoucími centrálním backendem.
Výsledky v číslech
100%
Všichni uživatelé se autentizují přes Auth0 na obou platformách jedním přihlašovacím údajem. Žádné samostatné účty, žádné překážky při přepínání mezi webovou stránkou a streamovací aplikací.
3x
Redaktoři publikují bannery událostí na jakoukoliv platformu během minut přes Umbraco — co dříve vyžadovalo vývojářský tiket a nasazení, teď zabere tři kliknutí v backoffice.
2x
Centralizace autentizace, dat a logiky do jednoho API snižuje údržbu. Systém je předvídatelný — problémy jsou izolovány a vyřešeny na jednom místě namísto dvou.
