Disctopia
Panoramica del caso
Un livello API unificato che collega una piattaforma di streaming musicale e il suo sito web di marketing in un ecosistema senza soluzione di continuità — autenticazione condivisa, backend condiviso, logica centralizzata dei contenuti.
Obiettivo: L'obiettivo principale era costruire un livello API unificato che utilizzasse Auth0 per l'autenticazione su entrambe le piattaforme, consentendo agli utenti di accedere sul sito web usando le stesse credenziali dell'app di streaming. Questa singola API avrebbe gestito la visualizzazione delle notizie, i commenti e i 'like' - mantenendo i dati degli utenti coerenti tra i due prodotti in ogni momento.
Inoltre, avevamo bisogno di un sistema flessibile di notifiche eventi che potesse mostrare gli eventi imminenti su più piattaforme - controllato interamente dal CMS senza alcun coinvolgimento degli sviluppatori.
Informazioni chiave sul progetto
Settori
Streaming musicale, Economia dei creatori, Media digitali, Monetizzazione degli 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 tecnologie front-end differenti — sito web e app di streaming web.
Struttura API senza duplicazioni
Strutturare l'API per gestire commenti, 'like' e logica delle notizie evitando qualsiasi duplicazione della logica backend tra i due prodotti.
Consistenza sicura della sessione
Garantire la gestione sicura dei token e sessioni utente coerenti tra due domini così che gli utenti non percepiscano mai la separazione tra le piattaforme.
Sistema eventi gestito da CMS
Creare uno banner dinamico di notifiche controllato interamente da Umbraco — gli editor scelgono dove gli eventi appaiono senza dover scrivere codice.
Semplicità architetturale
Centralizzare tutto senza complicare troppo l'architettura — mantenendola gestibile ed estensibile man mano che la piattaforma cresce.
Il processo
È stato adottato un approccio di implementazione a fasi, iniziando con la progettazione e l'impostazione dell'architettura API di base e del sistema di autenticazione, e procedendo gradualmente attraverso fasi successive, fino a raggiungere un livello di notifiche completamente integrato e gestito via CMS che unifica la distribuzione dei contenuti e il comportamento del sistema tra le piattaforme.
Architettura API unificata
Progettata e costruita un'unica API consumata sia dal sito di marketing che dall'app di streaming. Tutti i dati fluiscono attraverso un backend unico — niente specchiature, niente duplicazioni.
Integrazione Auth0
Integrato Auth0 come provider di autenticazione condiviso per entrambe le piattaforme. Gli utenti accedono una volta e possono muoversi tra sito web e app senza dover ri-autenticarsi. La gestione dei token e dello stato della sessione è sicura tra i domini.
Logica commenti, 'like' e notizie
Implementata funzionalità di commenti e 'like' tramite API centrale. Il sito web si connette allo stesso backend dell'app di streaming, assicurando che tutte le interazioni social siano unificate e i dati rimangano coerenti.
Sistema di notifica eventi
Creato uno script custom che recupera dati sugli eventi da Umbraco e mostra un banner dinamico sulla piattaforma scelta dall'editor. Il marketing può annunciare eventi sul sito, sull'app o entrambi — senza alcun intervento dello sviluppatore.
Soluzioni
Le caratteristiche principali della soluzione
Livello API unificato — Un'unica API alimenta sito e app di streaming. Tutti i dati (utenti, notizie, commenti, like, eventi) fluiscono da un'unica fonte di verità, eliminando duplicazioni e problemi di sincronizzazione.
Autenticazione condivisa Auth0 — Auth0 è un provider di identità comune. Gli utenti accedono una volta; le stesse credenziali funzionano su entrambe le piattaforme con sessioni e token coerenti.
Commenti e 'Like' via API centrale — Interazioni social gestite tramite API unificata, mantenendo i dati di coinvolgimento coerenti tra le piattaforme.
Banner di notifica eventi gestiti da CMS — Lo script estrae dati sugli eventi da Umbraco e rende i banner. Gli editor impostano contenuti e posizionamento (web, app, entrambi) senza l'intervento degli sviluppatori.
Integrazioni Mailchimp e HubSpot — Integrato con Mailchimp e HubSpot così i team gestiscono marketing e CRM tramite strumenti familiari, con i dati che transitano dal 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 lo sviluppatore e un deployment ora si fa con tre clic nel backoffice.
2x
Centralizzare autenticazione, dati e logica in una singola API riduce la manutenzione. Il sistema è prevedibile — i problemi sono isolati e risolti in un unico posto invece che in due.
