Disctopia
Fallübersicht
Eine vereinheitlichte API-Schicht, die eine Musik-Streaming-Plattform und deren Marketing-Website zu einem nahtlosen Ökosystem verbindet — gemeinsame Authentifizierung, gemeinsames Backend, zentralisierte Inhaltslogik.
Ziel: Das Hauptziel war der Aufbau einer einheitlichen API-Schicht, die Auth0 für die Authentifizierung beider Plattformen verwendet, sodass sich Benutzer auf der Website mit denselben Zugangsdaten anmelden können wie in der Streaming-App. Diese einzelne API sollte das Anzeigen von Nachrichten, Kommentieren und Likes verwalten – dabei bleiben Benutzerdaten jederzeit konsistent zwischen den beiden Produkten.
Zusätzlich benötigten wir ein flexibles Event-Benachrichtigungssystem, das bevorstehende Veranstaltungen plattformübergreifend anzeigen kann — komplett steuerbar über das CMS, ohne Entwicklerbeteiligung.
Wichtige Projektinfos
Branchen
Musik-Streaming, Creator Economy, Digitale Medien, Monetarisierung von Künstlern
Dienstleistungen
API-Architektur, Authentifizierungsintegration, Full-Stack-Entwicklung, CMS-Anpassung
Lösungen
Vereinheitlichte API-Schicht, Auth0 SSO, CMS-gesteuerte Event-Benachrichtigungen, gemeinsame Kommentare & Likes
Technologien
.NET, Umbraco, JavaScript, React, Auth0, Umbraco Cloud, Mailchimp, HubSpot
Die Herausforderungen
Plattformübergreifende Authentifizierung
Auth0 nahtlos und konsistent für zwei Plattformen mit unterschiedlichen Front-End-Technologien zum Laufen zu bringen — Website und Streaming-Web-App.
API-Struktur ohne Duplizierung
Die API so zu strukturieren, dass Kommentare, Likes und News-Logik gehandhabt werden, ohne Backend-Logik in beiden Produkten zu duplizieren.
Sichere Sitzungs-Konsistenz
Sicherer Token-Umgang und konsistente Benutzersitzungen über zwei Domains hinweg, sodass Benutzer nie eine Unterbrechung oder Lücke zwischen den Plattformen spüren.
CMS-gesteuertes Event-System
Ein dynamisches Benachrichtigungsbanner zu schaffen, das komplett aus Umbraco gesteuert wird — Redakteure können entscheiden, wo Events angezeigt werden, ohne eine einzige Codezeile zu berühren.
Architektur-Einfachheit
Alles zu zentralisieren, ohne die Architektur zu überkomplizieren — es wartbar und erweiterbar zu halten, während die Plattform wächst.
Der Prozess
Ein phasenweiser Implementierungsansatz wurde gewählt, beginnend mit Design und Einrichtung der Kern-API-Architektur und des Authentifizierungssystems, und schrittweise weiterführend über folgende Stufen, bis hin zu einer vollständig integrierten, CMS-gesteuerten Benachrichtigungsebene, die Inhaltsbereitstellung und Systemverhalten plattformübergreifend vereint.
Vereinheitlichte API-Architektur
Entworfen und gebaut eine einzelne API, die sowohl von der Marketing-Website als auch von der Streaming-App genutzt wird. Alle Daten laufen über ein Backend — kein Spiegeln, keine Duplizierung.
Auth0-Integration
Auth0 als gemeinsamen Authentifizierungsanbieter für beide Plattformen integriert. Nutzer melden sich einmal an und wechseln zwischen Website und App ohne erneute Anmeldung. Token-Verwaltung und Sitzungsstatus werden sicher über Domains gehandhabt.
Kommentare, Likes & News-Logik
Kommentarfunktion und Like-Funktionalität über die zentrale API implementiert. Die Website verbindet sich mit demselben Backend wie die Streaming-App, wodurch alle sozialen Interaktionen vereinheitlicht sind und Daten konsistent bleiben.
Event-Benachrichtigungssystem
Ein benutzerdefiniertes Skript erstellt, das Event-Daten aus Umbraco abruft und ein dynamisches Banner auf der ausgewählten Plattform rendert. Das Marketing kann Events auf der Website, der App oder beiden ankündigen — ohne Entwicklerbeteiligung.
Lösungen
Die wichtigsten Merkmale der Lösung
Vereinheitlichte API-Schicht — Eine API betreibt Website und Streaming-App. Alle Daten (Benutzer, Nachrichten, Kommentare, Likes, Events) fließen durch eine einzige Quelle der Wahrheit, wodurch Duplizierung und Synchronisationsprobleme vermieden werden.
Geteilte Auth0-Authentifizierung — Auth0 ist ein gemeinsamer Identitätsanbieter. Nutzer melden sich einmal an; dieselben Zugangsdaten funktionieren plattformübergreifend mit konsistenten Sitzungen und Tokens.
Kommentare & Likes über zentrale API — Soziale Interaktionen werden über die einheitliche API gehandhabt, damit Engagement-Daten plattformübergreifend konsistent bleiben.
CMS-gesteuerte Event-Benachrichtigungsbanner — Skript zieht Event-Daten aus Umbraco und rendert Banner. Redakteure legen Inhalt und Platzierung (Web, App, beide) ohne Entwicklerhilfe fest.
Mailchimp & HubSpot Integrationen — Integriert mit Mailchimp und HubSpot, sodass Teams Marketing und CRM über vertraute Werkzeuge verwalten, mit Daten, die durch das zentrale Backend fließen.
Ergebnisse in Zahlen
100%
Alle Benutzer authentifizieren sich über Auth0 auf beiden Plattformen mit einem Satz Anmeldedaten. Keine separaten Konten, kein Aufwand beim Wechsel zwischen der Website und der Streaming-App.
3x
Redakteure veröffentlichen Event-Banner innerhalb von Minuten auf jeder Plattform über Umbraco – was früher ein Entwickler-Ticket und eine Bereitstellung erforderte, dauert jetzt drei Klicks im Backoffice.
2x
Die Zentralisierung von Authentifizierung, Daten und Logik in einer einzigen API reduziert den Wartungsaufwand. Das System ist vorhersehbar – Probleme werden isoliert und an einer Stelle statt an zwei gelöst.
