Disctopia
Översikt av ärendet
Ett enhetligt API-lager som kopplar samman en musikstreamingplattform och dess marknadsföringswebbplats till ett sömlöst ekosystem — delad autentisering, delad backend, centraliserad innehållslogik.
Mål: Huvudmålet var att bygga ett enhetligt API-lager som använder Auth0 för autentisering över båda plattformarna, vilket gör att användare kan logga in på webbplatsen med samma uppgifter som i streamingappen. Detta enda API skulle hantera visning av nyheter, kommentarer och gillanden - och hålla användardata konsistent mellan de två produkterna hela tiden.
Dessutom behövde vi ett flexibelt system för händelsenotiser som kunde visa kommande evenemang över plattformar - helt kontrollerat från CMS utan någon utvecklarinsats.
Viktig projektinformation
Branscher
Musikstreaming, Kreatörsekonomi, Digitala medier, Artistintäkter
Tjänster
API-arkitektur, Autentiseringsintegration, Fullstackutveckling, CMS-anpassning
Lösningar
Enhetligt API-lager, Auth0 SSO, CMS-drivna evenemangsnotiser, delade kommentarer och gillanden
Teknologier
.NET, Umbraco, JavaScript, React, Auth0, Umbraco Cloud, Mailchimp, HubSpot
Utmaningarna
Autentisering över plattformar
Få Auth0 att fungera sömlöst och konsekvent för två plattformar med olika frontend-stackar — webbplats och streamingwebbapp.
API-struktur utan duplicering
Strukturera API:t för att hantera kommentarer, gillanden och nyhetslogik samtidigt som man undviker duplicering av backend-logik i båda produkterna.
Säker sessionskonsistens
Säkra tokenhantering och konsekventa användarsessioner över två domäner så att användarna aldrig märker någon skarv mellan plattformarna.
CMS-drivet händelsesystem
Skapa ett dynamiskt notifieringsband som styrs helt från Umbraco — redaktörer väljer var evenemang ska visas utan att skriva en rad kod.
Arkitektursimplicitet
Centralisera allt utan att göra arkitekturen för komplicerad — hålla den underhållbar och utbyggbar när plattformen växer.
Processen
En fasindelad implementeringsmetod används, med början i design och uppsättning av kärn-API-arkitektur och autentiseringssystem, och stegvis vidare genom efterföljande faser, som slutligen resulterar i ett fullständigt integrerat, CMS-drivet notifieringslager som förenar innehållsleverans och systembeteende över plattformar.
Enhetlig API-arkitektur
Designade och byggde ett enda API som används både av marknadsföringswebbplatsen och streamingappen. All data flödar genom en backend — ingen spegling, ingen duplicering.
Auth0-integration
Integrerade Auth0 som en gemensam autentiseringsleverantör för båda plattformarna. Användare loggar in en gång och kan sedan röra sig mellan webbplatsen och appen utan att behöva logga in igen. Tokenhantering och sessionsstatus hanteras säkert över domäner.
Kommentarer, gillanden och nyhetslogik
Implementerade kommenterings- och gillandefunktionalitet via det centrala API:t. Webbplatsen kopplas till samma backend som streamingappen, vilket säkerställer att all social interaktion är enhetlig och att data förblir konsekvent.
Händelsenotissystem
Byggde ett anpassat skript som hämtar händelsedata från Umbraco och visar en dynamisk banner på den plattform som redaktören väljer. Marknadsföring kan annonsera evenemang på webbplatsen, appen eller båda — helt utan utvecklarinsats.
Lösningar
De viktigaste funktionerna i lösningen
Enhetligt API-lager — Ett API driver webbplatsen och streamingappen. All data (användare, nyheter, kommentarer, gillanden, evenemang) flödar genom en enda källa till sanning, vilket eliminerar duplicering och synkroniseringsproblem.
Delad Auth0-autentisering — Auth0 är en gemensam identitetsleverantör. Användare loggar in en gång; samma uppgifter fungerar över plattformar med konsekventa sessioner och token.
Kommentarer och gillanden via centralt API — Sociala interaktioner hanteras via ett enhetligt API, vilket håller engagemangsdata konsekvent över plattformar.
CMS-drivna notifieringsband för evenemang — Skriptet hämtar händelsedata från Umbraco och visar banners. Redaktörer ställer in innehåll och placering (webb, app, båda) utan utvecklarinblandning.
Mailchimp- och HubSpot-integrationer — Integrerat med Mailchimp och HubSpot så att teamen kan hantera marknadsföring och CRM via bekanta verktyg, med data som flödar genom den centrala backend.
Resultat i siffror
100%
Alla användare autentiserar via Auth0 på båda plattformarna med en uppsättning inloggningsuppgifter. Inga separata konton, ingen friktion när man växlar mellan webbplatsen och streamingappen.
3x
Redaktörer publicerar evenemangsbanners till vilken plattform som helst på några minuter via Umbraco — vad som tidigare krävde en utvecklarbiljett och en distribution tar nu tre klick i backoffice.
2x
Att centralisera autentisering, data och logik i ett enda API minskar underhållet. Systemet är förutsägbart — problem isoleras och löses på ett ställe istället för två.
