Disctopia
Přehled případu
Jednotná vrstva API, která propojuje platformu pro streamování hudby a její marketingovou webovou stránku do jednoho plynulého ekosystému — sdílené ověřování, sdílený backend, centralizovaná logika obsahu.
Cíl: Hlavním cílem bylo vytvořit jednotnou vrstvu API, která používá Auth0 pro ověřování na obou platformách, umožňující uživatelům přihlásit se na webu stejnými přihlašovacími údaji jako v aplikaci pro streamování. Toto jediné API by mělo zpracovávat zobrazování novinek, komentáře a lajky – udržovat uživatelská data konzistentní mezi oběma produkty za všech okolností.
Kromě toho jsme potřebovali flexibilní systém notifikací událostí, který by mohl zobrazovat nadcházející akce napříč platformami – plně řízený z CMS bez potřeby zásahu vývojářů.
Klíčové informace o projektu
Odvětví
Hudební streamování, Ekonomika tvůrců, Digitální média, Monetizace umělců
Služby
Architektura API, Integrace autentifikace, Full-Stack vývoj, Přizpůsobení CMS
Řešení
Jednotná vrstva API, Auth0 SSO, Událostní notifikace řízené CMS, sdílené komentáře a lajky
Technologie
.NET, Umbraco, JavaScript, React, Auth0, Umbraco Cloud, Mailchimp, HubSpot
Výzvy
Napříč platformami ověřování
Zajištění bezproblémového a konzistentního fungování Auth0 pro dvě platformy s různými front-end technologiemi — webové stránky a aplikace pro streamování.
Struktura API bez duplikace
Navrhnout API tak, aby spravovalo komentáře, lajky a logiku novinek, a přitom se vyhnout duplicitě backendové logiky mezi oběma produkty.
Bezpečná konzistence relací
Zajistit bezpečné zacházení s tokeny a konzistentní uživatelské relace napříč dvěma doménami, aby uživatelé nikdy nepociťovali přechod mezi platformami.
Událostní systém řízený z CMS
Vytvoření dynamického oznámení notifikací plně řízeného z Umbraco – editoři vybírají, kde se události zobrazí, aniž by zasahovali do kódu.
Jednoduchost architektury
Centralizovat vše, aniž by se architektura nadměrně komplikovala – udržet ji udržitelnou a rozšiřitelnou s růstem platformy.
Proces
Používá se fázový přístup k implementaci, začínající návrhem a nastavením základní architektury API a autentifikačního systému, a postupně prochází dalšími fázemi, až po plně integrovanou vrstvu notifikací řízenou CMS, která sjednocuje dodávání obsahu a chování systému napříč platformami.
Jednotná architektura API
Navrženo a postaveno jedno API, které používají jak marketingová webová stránka, tak aplikace pro streamování. Veškerá data procházejí jedním backendem — žádné zrcadlení, žádná duplicita.
Integrace Auth0
Auth0 bylo integrováno jako sdílený poskytovatel autentifikace pro obě platformy. Uživatelé se přihlásí jednou a pohybují se mezi webem a aplikací bez opětovného přihlašování. Zacházení s tokeny a stav relace jsou bezpečně spravovány napříč doménami.
Komentáře, lajky a logika novinek
Implementováno komentování a funkce lajků prostřednictvím centrálního API. Web se připojuje k stejnému backendu jako aplikace pro streamování, čímž jsou všechny sociální interakce sjednoceny a data zůstávají konzistentní.
Systém notifikací událostí
Vytvořen vlastní skript, který získává data o událostech z Umbraco a zobrazuje dynamický banner na platformě dle výběru editora. Marketing může oznamovat události na webu, v aplikaci nebo na obou — bez zásahu vývojářů.
Řešení
Klíčové vlastnosti řešení
Jednotná vrstva API — Jedno API pohání web i aplikaci pro streamování. Všechna data (uživatelé, novinky, komentáře, lajky, události) procházejí jediným zdrojem pravdy, což odstraňuje duplicitu a problémy se synchronizací.
Sdílená autentifikace Auth0 — Auth0 je společný poskytovatel identity. Uživatelé se přihlásí jednou; stejné přihlašovací údaje fungují napříč platformami se konzistentními relacemi a tokeny.
Komentáře a lajky přes centrální API — Sociální interakce jsou spravovány prostřednictvím jednotného API, což udržuje data zapojení konzistentní napříč platformami.
Notifikační bannery událostí řízené CMS — Skript získává data o událostech z Umbraco a zobrazuje bannery. Editoři nastavují obsah a umístění (web, aplikace, oba) bez zásahu vývojářů.
Integrace Mailchimp a HubSpot — Integrace s Mailchimp a HubSpot, takže týmy spravují marketing a CRM přes známé nástroje, přičemž data procházejí centrálním backendem.
Výsledky v číslech
100%
Všichni uživatelé se autentizují přes Auth0 na obou platformách pomocí jedněch přihlašovacích údajů. Žádné samostatné účty, žádné překážky při přepínání mezi webem a aplikací pro streamování.
3x
Redaktoři publikují bannerové události na jakoukoli platformu během minut pomocí Umbraco — co dříve vyžadovalo tiket pro vývojáře a nasazení, nyní zabere tři kliknutí v backoffice.
2x
Centralizace autentizace, dat a logiky do jedné API snižuje náklady na údržbu. Systém je prediktabilní — problémy jsou izolovány a řešeny na jednom místě místo dvou.
