Disctopia
Case oversigt
Et samlet API-lag, der forbinder en musiktjeneste og dens marketingwebsite til ét sammenhængende økosystem — delt autentificering, delt backend, centraliseret indholdslogik.
Mål: Hovedmålet var at bygge et samlet API-lag, der bruger Auth0 til autentificering 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 visning af nyheder, kommentarer og likes - og holde brugerdata konsistente mellem de to produkter hele tiden.
Derudover havde vi brug for et fleksibelt system til begivenhedsunderretninger, som kunne vise kommende events på tværs af platforme — styret fuldstændigt fra CMS uden udviklerindgriben.
Nøgleprojektinformation
Industrier
Musikstreaming, Skaberøkonomi, Digital Media, Artistmonetisering
Tjenester
API-arkitektur, Autentificeringsintegration, Full-stack-udvikling, CMS-tilpasning
Løsninger
Samlet API-lag, Auth0 SSO, CMS-drevne begivenhedsunderretninger, delte kommentarer og likes
Teknologier
.NET, Umbraco, JavaScript, React, Auth0, Umbraco Cloud, Mailchimp, HubSpot
Udfordringerne
Cross-Platform Autentificering
At få Auth0 til at fungere problemfrit og konsekvent for 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 uden at duplikere 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, der styres fuldstændigt fra Umbraco — redaktører vælger, hvor begivenheder skal vises uden at røre en eneste kode.
Arkitekturens enkelhed
At centralisere alt uden at overkomplicere arkitekturen — holde den vedligeholdelsesvenlig og udvidelig, efterhånden som platformen skalerer.
Processen
En faseopdelt implementeringsmetode anvendes, startende med design og opsætning af den centrale API-arkitektur og autentificeringssystem, og gradvist fremskridende gennem successive stadier, som 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 opbygget et enkelt API, der bruges både af marketingsiden og streamingappen. Al data flyder gennem én backend — ingen spejling, ingen duplikering.
Auth0-integration
Integreret Auth0 som fælles autentificeringsudbyder for begge platforme. Brugere logger ind én gang og bevæger sig mellem websted og app uden at skulle autentificere igen. Tokenbehandling og sessionsstatus håndteres sikkert på tværs af domæner.
Kommentarer, likes og nyhedslogik
Implementeret kommenterings- og like-funktionalitet via den centrale API. Webstedet forbinder til den samme backend som streamingappen, hvilket sikrer, at alle sociale interaktioner er samlet og data forbliver konsistente.
Begivenhedsnotifikationssystem
Bygget et brugerdefineret script, der henter begivenhedsdata fra Umbraco og gengiver et dynamisk banner på den platform, redaktøren vælger. Marketing kan annoncere events på webstedet, appen eller begge — helt uden udviklerindgriben.
Løsninger
Løsningens nøglefunktioner
Samlet API-lag — Én API driver hjemmeside og streamingapp. Al data (brugere, nyheder, kommentarer, likes, begivenheder) flyder gennem én sandhedskilde, hvilket fjerner duplikering og synkroniseringsproblemer.
Delt Auth0-autentificering — Auth0 er en fælles identitetsudbyder. Brugere logger ind én gang; de samme legitimationsoplysninger virker på tværs af platforme med konsistente sessioner og tokens.
Kommentarer og likes via Central API — Sociale interaktioner håndteres via samlet API, hvilket holder engagement-data konsistente på tværs af platforme.
CMS-drevne notifikationsbannere for begivenheder — Script trækker begivenhedsdata fra Umbraco og gengiver bannere. Redaktører sætter indhold og placering (web, app, begge) uden udviklerinput.
Mailchimp- og HubSpot-integrationer — Integreret med Mailchimp og HubSpot, så teams kan styre marketing og CRM via velkendte værktøjer, med data, der flyder gennem central backend.
Resultater i tal
100%
Alle brugere autentificerer via Auth0 på begge platforme med ét sæt legitimationsoplysninger. Ingen separate konti, ingen friktion ved skift mellem hjemmesiden og streaming-appen.
3x
Redaktører publicerer event-bannere til enhver platform på få minutter via Umbraco — hvad der tidligere krævede en udviklerforespørgsel og en implementering, 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.
