Disctopia
Panoramica del caso
Un livello API unificato che connette una piattaforma di streaming musicale e il suo sito marketing in un ecosistema unico — autenticazione condivisa, backend condiviso, logica contenuti centralizzata.
Obiettivo: L'obiettivo principale era costruire un livello API unificato che utilizza Auth0 per l'autenticazione su entrambe le piattaforme, permettendo agli utenti di accedere al sito web usando le stesse credenziali dell'app streaming. Questa API unica gestisce visualizzazione notizie, commenti e like - mantenendo i dati utente coerenti tra i due prodotti in ogni momento.
Inoltre, serviva un sistema di notifica eventi flessibile che potesse mostrare eventi imminenti su entrambe le piattaforme - controllato interamente dal CMS senza alcun intervento dello sviluppatore.
Informazioni chiave sul progetto
Settori
Streaming Musicale, Economia dei Creatori, Media Digitali, Monetizzazione Artisti
Servizi
Architettura API, Integrazione Autenticazione, Sviluppo Full-Stack, Personalizzazione CMS
Soluzioni
Livello API unificato, SSO Auth0, notifiche eventi gestite da CMS, commenti e like condivisi
Tecnologie
.NET, Umbraco, JavaScript, React, Auth0, Umbraco Cloud, Mailchimp, HubSpot
Le sfide
Autenticazione Cross-Platform
Far funzionare Auth0 in modo fluido e coerente per due piattaforme con stack front-end differenti — sito web e app di streaming web.
Struttura API senza duplicazione
Strutturare l'API per gestire commenti, like e logica delle notizie evitando qualsiasi duplicazione della logica backend tra i due prodotti.
Coerenza sicura della sessione
Garantire una gestione sicura dei token e sessioni utente consistenti su due domini, così gli utenti non percepiscono la separazione tra le piattaforme.
Sistema eventi gestito da CMS
Creare un banner di notifica dinamico controllato interamente da Umbraco — gli editor scelgono dove appaiono gli eventi senza toccare una riga di codice.
Semplicità dell'architettura
Centralizzare tutto senza complicare eccessivamente l'architettura — mantenendola manutenibile ed estensibile con la crescita della piattaforma.
Il processo
È stato adottato un approccio di implementazione a fasi, iniziando con la progettazione e configurazione dell'architettura core dell'API e del sistema di autenticazione, procedendo gradualmente attraverso successive tappe, fino a raggiungere uno strato di notifiche completamente integrato e gestito da CMS che unifica la consegna dei contenuti e il comportamento del sistema tra le piattaforme.
Architettura API unificata
Progettata e costruita un'unica API consumata sia dal sito marketing che dall'app streaming. Tutti i dati passano attraverso un solo backend — niente mirror, niente duplicazione.
Integrazione Auth0
Integrato Auth0 come provider di autenticazione condiviso per entrambe le piattaforme. Gli utenti accedono una volta e navigano tra sito e app senza dover effettuare nuovamente il login. Gestione sicura di token e stato sessione tra domini.
Commenti, like e logica delle notizie
Implementate funzionalità di commento e like tramite l'API centrale. Il sito si collega allo stesso backend dell'app streaming, assicurando che tutte le interazioni social siano unificate e i dati rimangano coerenti.
Sistema di notifica eventi
Realizzato uno script personalizzato che recupera dati eventi da Umbraco e visualizza un banner dinamico sulla piattaforma scelta dall'editor. Il marketing può annunciare eventi sul sito, sull'app o entrambi — senza alcun intervento sviluppatore.
Soluzioni
Caratteristiche chiave della soluzione
Livello API Unificato — Un'unica API alimenta sito e app streaming. Tutti i dati (utenti, notizie, commenti, like, eventi) passano attraverso una fonte di verità, eliminando duplicazioni e problemi di sincronizzazione.
Autenticazione Auth0 condivisa — Auth0 è un provider di identità comune. Gli utenti si autenticano una volta sola; le stesse credenziali funzionano su tutte le piattaforme con sessioni e token coerenti.
Commenti e like tramite API centrale — Interazioni social gestite da un'API unificata, mantenendo i dati di engagement coerenti tra piattaforme.
Banner di notifica eventi gestiti da CMS — Lo script recupera dati eventi da Umbraco e visualizza i banner. Gli editor impostano contenuti e posizionamento (web, app, entrambi) senza intervento sviluppatore.
Integrazioni Mailchimp & HubSpot — Integrato con Mailchimp e HubSpot in modo che i team gestiscano il marketing e il CRM tramite strumenti familiari, con i dati che fluiscono attraverso un backend centrale.
Risultati in numeri
100%
Tutti gli utenti si autenticano tramite Auth0 su entrambe le piattaforme con un unico set di credenziali. Nessun account separato, nessuna frizione nel passaggio tra il sito web e l'app di streaming.
3x
Gli editor pubblicano banner degli eventi su qualsiasi piattaforma in pochi minuti tramite Umbraco — ciò che prima richiedeva un ticket per sviluppatori e un deployment ora richiede tre clic nel backoffice.
2x
Centralizzare autenticazione, dati e logica in un'unica API riduce la manutenzione. Il sistema è prevedibile — i problemi sono isolati e risolti in un unico posto invece che in due.
