Disctopia
Fallöversikt
Ett enhetligt API-lager som kopplar samman en musikstreamingtjänst 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 tillåter användare att logga in på webbplatsen med samma autentiseringsuppgifter som streamingappen. Detta enda API skulle hantera nyhetsvisning, kommentarer och gilla-markeringar - och hålla användardata konsekvent mellan de två produkterna hela tiden.
Dessutom behövde vi ett flexibelt system för eventaviseringar som kunde visa kommande evenemang över plattformar - helt kontrollerat från CMS utan någon utvecklarinblandning.
Viktig projektinfo
Branscher
Musikstreaming, Kreatörsekonomi, Digital media, Artistintjäning
Tjänster
API-arkitektur, Autentiseringsintegration, Fullstackutveckling, CMS-anpassning
Lösningar
Enhetligt API-lager, Auth0 SSO, CMS-drivna eventaviseringar, delade kommentarer & gilla-markeringar
Teknologier
.NET, Umbraco, JavaScript, React, Auth0, Umbraco Cloud, Mailchimp, HubSpot
Utmaningarna
Autentisering över plattformar
Att få Auth0 att fungera sömlöst och konsekvent för två plattformar med olika front-end stackar — webbplats och streamingwebbapp.
API-struktur utan duplicering
Att strukturera API:t för att hantera kommentarer, gilla-markeringar och nyhetslogik utan att duplicera backend-logik över de två produkterna.
Säker sessionskonsistens
Att säkerställa säker hantering av tokens och konsekventa användarsessioner över två domäner så att användare aldrig upplever en brytning mellan plattformarna.
CMS-drivet eventsystem
Att skapa en dynamisk notifikationsbanner helt kontrollerad från Umbraco — redaktörer väljer var evenemang visas utan att röra en rad kod.
Arkitekturens enkelhet
Att centralisera allt utan att göra arkitekturen överkomplicerad — hålla den underhållbar och utbyggbar när plattformen växer.
Processen
En fasindelad implementeringsmetod används, som börjar med design och uppsättning av kärn-API-arkitekturen och autentiseringssystemet, och successivt avancerar genom följande steg, slutligen resulterande i ett fullt integrerat, CMS-drivet notifikationslager som förenar innehållsleverans och systembeteende över plattformar.
Enhetlig API-arkitektur
Designade och byggde ett enda API som konsumeras av både marknadsföringswebbplatsen och streamingappen. All data flyter 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 växlar mellan webbplatsen och appen utan att autentisera om. Tokenhantering och sessionsstatus hanteras säkert över domäner.
Kommentarer, gilla-markeringar & nyhetslogik
Implementerade kommentars- och gillafunktionalitet via det centrala API:t. Webbplatsen kopplar till samma backend som streamingappen, vilket säkerställer att alla sociala interaktioner är enhetliga och att data förblir konsekvent.
Eventavisering
Skapade ett anpassat skript som hämtar eventdata från Umbraco och visar en dynamisk banner på vilken plattform redaktören väljer. Marknadsföring kan annonsera evenemang på webbplatsen, appen, eller båda — helt utan utvecklarinblandning.
Lösningar
De viktigaste funktionerna i lösningen
Enhetligt API-lager — Ett API som driver webbplats och streamingapp. All data (användare, nyheter, kommentarer, gilla, evenemang) flyter genom en sanningskälla, vilket eliminerar duplicering och synkroniseringsproblem.
Delad Auth0-autentisering — Auth0 är en gemensam identitetsleverantör. Användare loggar in en gång; samma autentiseringsuppgifter fungerar över plattformarna med konsekventa sessioner och tokens.
Kommentarer & gilla via centralt API — Sociala interaktioner hanteras via enhetligt API, vilket håller engagemangsdata konsekvent över plattformar.
CMS-drivna eventaviseringar — Skript hämtar eventdata från Umbraco och visar banners. Redaktörer sätter innehåll och placering (webb, app, båda) utan utvecklarinblandning.
Mailchimp & HubSpot-integrationer — Integrerat med Mailchimp och HubSpot så att teamen kan hantera marknadsföring och CRM via bekanta verktyg, med data som flyter genom en central backend.
Resultat i siffror
100%
Alla användare autentiserar via Auth0 på båda plattformarna med en uppsättning referenser. Inga separata konton, ingen friktion vid byte mellan webbplatsen och streamingappen.
3x
Redaktörer publicerar event-banners till valfri plattform inom några minuter via Umbraco — vad som tidigare krävde en utvecklarbiljett och en deployment tar nu tre klick i backoffice.
2x
Att centralisera autentisering, data och logik i ett enda API minskar underhåll. Systemet är förutsägbart — problem isoleras och löses på ett ställe istället för två.
