Disctopia
Sagsoverblik
Et samlet API-lag, der forbinder en musikstreamingplatform og dens marketingwebsted til ét sammenhængende økosystem — delt godkendelse, delt backend, centraliseret indholdslogik.
Mål: Hovedmålet var at bygge et samlet API-lag, der bruger Auth0 til godkendelse på tværs af begge platforme, så brugere kan logge ind på webstedet med de samme legitimationsoplysninger som streamingappen. Dette ene API skulle håndtere nyhedsvisning, kommentarer og likes - og holde brugerdata konsistente mellem de to produkter til enhver tid.
Derudover havde vi brug for et fleksibelt begivenhedsnotifikationssystem, der kunne vise kommende begivenheder på tværs af platforme - fuldstændig styret fra CMS uden udviklerinvolvering.
Nøgleoplysninger om projektet
Brancher
Musikstreaming, Kreativ Økonomi, Digital Media, Kunstnermonetisering
Services
API-arkitektur, Godkendelsesintegration, Full-Stack-udvikling, CMS-tilpasning
Løsninger
Samlet API-lag, Auth0 SSO, CMS-drevne begivenhedsnotifikationer, delte kommentarer og likes
Teknologier
.NET, Umbraco, JavaScript, React, Auth0, Umbraco Cloud, Mailchimp, HubSpot
De udfordringer
Platformsovergribende godkendelse
At få Auth0 til at fungere problemfrit og ensartet på to platforme med forskellige frontend-stakke — websted og streaming webapp.
API-struktur uden duplikering
At strukturere API'et til at håndtere kommentarer, likes og nyhedslogik, samtidig med at man undgår duplikering af backend-logik på tværs af de to produkter.
Sikker sessionskonsistens
At sikre sikker tokenhåndtering og konsistente brugersessioner på tværs af to domæner, så brugerne aldrig mærker overgangen mellem platformene.
CMS-drevet begivenhedssystem
At skabe et dynamisk notifikationsbanner, fuldstændig styret fra Umbraco — redaktører vælger, hvor begivenheder vises, uden at røre en eneste kodelinje.
Arkitekturens enkelhed
At centralisere alt uden at komplicere arkitekturen — holde det vedligeholdelsesvenligt og udvidelsesbart, efterhånden som platformen skalerer.
Processen
En faseinddelt implementeringstilgang anvendes, begyndende med designet og opsætningen af kernens API-arkitektur og godkendelsessystem, og gradvist fremskridt gennem successive trin, der til sidst kulminerer i et fuldt integreret, CMS-drevet notifikationslag, der forener indholdslevering og systemadfærd på tværs af platforme.
Samlet API-arkitektur
Designet og bygget et enkelt API, der bruges af både marketingwebstedet og streamingappen. Alle data flyder gennem én backend — ingen spejling, ingen duplikering.
Auth0-integration
Integrerede Auth0 som fælles godkendelsesudbyder for begge platforme. Brugere logger ind én gang og bevæger sig mellem websted og app uden at skulle godkende igen. Tokenhåndtering og sessionstilstand håndteres sikkert på tværs af domæner.
Kommentarer, likes og nyhedslogik
Implementerede kommenterings- og likefunktionalitet via det centrale API. Webstedet forbinder til den samme backend som streamingappen, hvilket sikrer, at alle sociale interaktioner er samlet og data forbliver konsistente.
Begivenhedsnotifikationssystem
Byggede et brugerdefineret script, der henter begivenhedsdata fra Umbraco og viser et dynamisk banner på den platform, som redaktøren vælger. Marketing kan annoncere begivenheder på webstedet, appen eller begge dele — uden nogen udviklerinvolvering.
Løsninger
De vigtigste funktioner i løsningen
Samlet API-lag — Én API driver websted og streamingapp. Alle data (brugere, nyheder, kommentarer, likes, begivenheder) flyder gennem én sandhedskilde, hvilket fjerner duplikering og synkroniseringsproblemer.
Delt Auth0-godkendelse — Auth0 er en fælles identitetsudbyder. Brugerne logger ind én gang; de samme legitimationsoplysninger fungerer på tværs af platforme med konsistente sessioner og tokens.
Kommentarer & Likes via central API — Sociale interaktioner håndteres via samlet API, hvilket holder engagementdata konsistente på tværs af platforme.
CMS-drevne begivenhedsnotifikationsbannere — Script henter begivenhedsdata fra Umbraco og viser bannere. Redaktører sætter indhold og placering (web, app, begge) uden input fra udviklere.
Mailchimp & HubSpot-integrationer — Integreret med Mailchimp og HubSpot, så teams kan styre marketing og CRM via velkendte værktøjer, med data der flyder gennem en central backend.
Resultater i tal
100%
Alle brugere autentificeres via Auth0 på begge platforme med et sæt legitimationsoplysninger. Ingen separate konti, ingen friktion ved skift mellem hjemmesiden og streaming-appen.
3x
Redaktører publicerer begivenhedsbannere til enhver platform på få minutter via Umbraco — det, som tidligere krævede en udviklerbillet og en deployering, tager nu tre klik i backoffice.
2x
Centralisering af autentificering, data og logik i en enkelt API reducerer vedligeholdelse. Systemet er forudsigeligt — problemer isoleres og løses ét sted i stedet for to.
