Disctopia
Pregled slučaja
Ujedinjeni API sloj koji povezuje glazbenu streaming platformu i njezinu marketinšku web stranicu u jedan besprijekoran ekosustav — zajednička autentifikacija, zajednički backend, centralizirana logika sadržaja.
Cilj: Glavni cilj bio je izgraditi ujedinjeni API sloj koji koristi Auth0 za autentifikaciju na obje platforme, omogućujući korisnicima da se prijave na web stranicu koristeći iste vjerodajnice kao u streaming aplikaciji. Taj jedinstveni API upravlja pregledom vijesti, komentiranjem i lajkovima - čuvajući podatke korisnika dosljednim između oba proizvoda u svakom trenutku.
Također, trebao nam je fleksibilan sustav obavijesti o događajima koji može prikazivati nadolazeće događaje na svim platformama - u potpunosti kontroliran iz CMS-a bez uključivanja programera.
Ključne informacije o projektu
Industrije
Glazbeni streaming, Kreatorska ekonomija, Digitalni mediji, Monetizacija izvođača
Usluge
Arhitektura API-ja, Integracija autentifikacije, Full-Stack razvoj, Prilagodba CMS-a
Rješenja
Ujedinjeni API sloj, Auth0 SSO, notifikacije o događajima utemeljene na CMS-u, zajednički komentari i lajkovi
Tehnologije
.NET, Umbraco, JavaScript, React, Auth0, Umbraco Cloud, Mailchimp, HubSpot
Izazovi
Autentifikacija na više platformi
Omogućiti da Auth0 radi besprijekorno i dosljedno za dvije platforme s različitim front-end tehnologijama — web stranicu i streaming web aplikaciju.
Struktura API-ja bez dupliciranja
Strukturirati API za upravljanje komentara, lajkova i logike vijesti, izbjegavajući dupliciranje logike backend-a između dva proizvoda.
Sigurnost i dosljednost sesije
Osigurati sigurno rukovanje tokenima i dosljedne korisničke sesije preko dviju domena kako bi korisnici nikada ne osjetili prekid između platformi.
Sustav obavijesti o događajima utemeljen na CMS-u
Izraditi dinamični banner za obavijesti u potpunosti kontroliran iz Umbraco-a — urednici biraju gdje se događaji prikazuju bez potrebe za kodiranjem.
Jednostavnost arhitekture
Centralizirati sve bez pretjeranog kompliciranja arhitekture — održavati je jednostavnom za održavanje i proširivanje kako platforma raste.
Proces
Koristi se pristup implementacije u fazama, počevši od dizajna i postavljanja osnovne arhitekture API-ja i sustava autentifikacije, te postupno napredujući kroz sljedeće faze, sve do potpune integracije sloja obavijesti utemeljenog na CMS-u koji ujedinjuje isporuku sadržaja i ponašanje sustava preko platformi.
Ujedinjena API arhitektura
Dizajnirali i izgradili jedinstveni API koji koriste i marketinška web stranica i streaming aplikacija. Svi podaci prolaze kroz jedan backend — bez dupliciranja, bez preslikavanja.
Integracija Auth0
Integriran Auth0 kao zajednički pružatelj autentifikacije za obje platforme. Korisnici se prijave jednom i mogu se slobodno kretati između web stranice i aplikacije bez ponovne autentifikacije. Sigurno rukovanje tokenima i stanjem sesije preko domena.
Komentari, lajkovi i logika vijesti
Implementirana je funkcionalnost komentiranja i lajkanja putem centralnog API-ja. Web stranica se povezuje na isti backend kao i streaming aplikacija, osiguravajući da su sve društvene interakcije ujedinjene i podaci dosljedni.
Sustav obavijesti o događajima
Izgrađena je prilagođena skripta koja dohvaća podatke o događajima iz Umbraco-a i prikazuje dinamični banner na platformi koju urednik odabere. Marketing može najavljivati događaje na web stranici, u aplikaciji ili na obje platforme — bez uključivanja programera.
Rješenja
Ključne značajke rješenja
Ujedinjeni API sloj — Jedan API pokreće web stranicu i streaming aplikaciju. Svi podaci (korisnici, vijesti, komentari, lajkovi, događaji) prolaze kroz jedan izvor istine, uklanjajući dupliciranje i probleme sa sinkronizacijom.
Zajednička Auth0 autentifikacija — Auth0 je zajednički pružatelj identiteta. Korisnici se prijavljuju jednom; iste vjerodajnice rade na obje platforme s dosljednim sesijama i tokenima.
Komentari i lajkovi putem centralnog API-ja — Društvene interakcije upravljaju se putem ujedinjenog API-ja, održavajući podatke o angažmanu dosljednima na svim platformama.
Notifikacioni banneri za događaje utemeljeni na CMS-u — Skripta dohvaća podatke o događajima iz Umbraco-a i prikazuje bannere. Urednici postavljaju sadržaj i mjesto prikaza (web, aplikacija, oboje) bez intervencije programera.
Integracije Mailchimp & HubSpot — Integrirano s Mailchimpom i HubSpotom kako bi timovi upravljali marketingom i CRM-om putem poznatih alata, uz protok podataka kroz središnji backend.
Rezultati u brojkama
100%
Svi korisnici se autentificiraju putem Auth0 na obje platforme s jednim skupom vjerodajnica. Nema zasebnih računa, nema prepreka pri prelasku između web stranice i streaming aplikacije.
3x
Urednici objavljuju bannere događaja na bilo kojoj platformi u nekoliko minuta putem Umbraca — ono što je prije zahtijevalo zahtjev programeru i raspoređivanje sada traje tri klika u backofficeu.
2x
Centralizacija autentifikacije, podataka i logike u jedinstveni API smanjuje održavanje. Sustav je predvidljiv — problemi se izoliraju i rješavaju na jednom mjestu umjesto na dva.
