Disctopia
Fallübersicht
Eine einheitliche API-Ebene, die eine Musik-Streaming-Plattform und ihre Marketing-Website zu einem nahtlosen Ökosystem verbindet – gemeinsame Authentifizierung, gemeinsames Backend, zentralisierte Inhaltslogik.
Ziel: Das Hauptziel bestand darin, eine einheitliche API-Ebene zu erstellen, die Auth0 für die Authentifizierung auf beiden Plattformen verwendet und es den Nutzern ermöglicht, sich auf der Website mit denselben Anmeldedaten wie in der Streaming-App anzumelden. Diese einzelne API sollte das Anzeigen von Nachrichten, das Kommentieren und Liken verwalten – um Benutzerdaten jederzeit zwischen den beiden Produkten konsistent zu halten.
Zusätzlich benötigten wir ein flexibles Ereignisbenachrichtigungssystem, das bevorstehende Veranstaltungen plattformübergreifend anzeigen kann – vollständig über das CMS steuerbar, ohne jegliche Entwicklerbeteiligung.
Wichtige Projektdaten
Branchen
Musik-Streaming, Creator Economy, Digitale Medien, Künstler-Monetarisierung
Dienstleistungen
API-Architektur, Authentifizierungsintegration, Full-Stack-Entwicklung, CMS-Anpassung
Lösungen
Einheitliche API-Ebene, Auth0 SSO, CMS-gesteuerte Ereignisbenachrichtigungen, 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 bringen – Website und Streaming-Web-App.
API-Struktur ohne Duplizierung
Die API so strukturieren, dass sie Kommentare, Likes und Nachrichtenlogik verwaltet, ohne die Backend-Logik zwischen den beiden Produkten zu duplizieren.
Sichere Konsistenz der Sitzung
Sichere Token-Verarbeitung und konsistente Benutzersitzungen über zwei Domains sicherstellen, sodass Nutzer die Schnittstelle zwischen den Plattformen nie spüren.
CMS-gesteuertes Ereignissystem
Ein dynamisches Benachrichtigungsbanner schaffen, das vollständig aus Umbraco gesteuert wird – Redakteure wählen aus, wo Ereignisse erscheinen, ohne eine einzige Zeile Code zu berühren.
Architekturelle Einfachheit
Alles zentralisieren, ohne die Architektur zu verkomplizieren – damit sie wartbar und erweiterbar bleibt, wenn die Plattform wächst.
Der Prozess
Ein phased Implementierungsansatz wurde verwendet, beginnend mit Design und Einrichtung der Kern-API-Architektur und des Authentifizierungssystems, und schreitet schrittweise durch aufeinanderfolgende Phasen voran, die letztlich in einer voll integrierten, CMS-gesteuerten Benachrichtigungsebene gipfeln, die Inhaltsbereitstellung und Systemverhalten plattformübergreifend vereinheitlicht.
Einheitliche API-Architektur
Entwickelt und gebaut wurde eine einzige API, die sowohl von der Marketing-Website als auch von der Streaming-App genutzt wird. Alle Daten fließen durch ein Backend – keine Spiegelung, keine Duplizierung.
Auth0-Integration
Auth0 wurde als gemeinsamer Authentifizierungsanbieter für beide Plattformen integriert. Nutzer melden sich einmal an und wechseln zwischen Website und App, ohne sich erneut authentifizieren zu müssen. Token-Verwaltung und Sitzungsstatus werden sicher über Domains hinweg gehandhabt.
Kommentare, Likes & Nachrichtenlogik
Kommentierungs- und Like-Funktionalität über die zentrale API implementiert. Die Website verbindet sich mit demselben Backend wie die Streaming-App, was alle sozialen Interaktionen vereinheitlicht und die Daten konsistent hält.
Ereignis-Benachrichtigungssystem
Ein benutzerdefiniertes Skript erstellt, das Event-Daten aus Umbraco abruft und ein dynamisches Banner auf der vom Redakteur ausgewählten Plattform rendert. Marketing kann Veranstaltungen auf der Website, in der App oder beiden ankündigen – ganz ohne Entwicklerbeteiligung.
Lösungen
Die Hauptmerkmale der Lösung
Einheitliche API-Ebene — Eine API betreibt Website und Streaming-App. Alle Daten (Nutzer, Nachrichten, Kommentare, Likes, Ereignisse) fließen durch eine Quelle der Wahrheit und vermeiden Duplizierungen und Synchronisationsprobleme.
Geteilte Auth0-Authentifizierung — Auth0 ist ein gemeinsamer Identitätsanbieter. Nutzer melden sich einmal an; dieselben Anmeldedaten funktionieren plattformübergreifend mit konsistenten Sitzungen und Tokens.
Kommentare & Likes über zentrale API — Soziale Interaktionen werden über die einheitliche API abgewickelt, sodass Engagement-Daten plattformübergreifend konsistent bleiben.
CMS-gesteuerte Ereignisbenachrichtigungsbanner — Skript ruft Ereignisdaten aus Umbraco ab und rendert Banner. Redakteure legen Inhalt und Platzierung (Web, App, beide) ohne Entwicklerbeteiligung fest.
Mailchimp- & HubSpot-Integrationen — Integration mit Mailchimp und HubSpot, damit Teams Marketing und CRM über vertraute Tools verwalten können, wobei die Daten durch ein zentrales Backend fließen.
Ergebnisse in Zahlen
100%
Alle Benutzer authentifizieren sich über Auth0 auf beiden Plattformen mit einem Satz von Zugangsdaten. Keine separaten Konten, kein Aufwand beim Wechsel zwischen der Website und der Streaming-App.
3x
Redakteure veröffentlichen Veranstaltungsbanner in wenigen 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 gelöst statt an zwei.
