Disctopia
Przegląd przypadku
Zunifikowana warstwa API łącząca platformę do strumieniowania muzyki i jej stronę marketingową w jeden spójny ekosystem — współdzielone uwierzytelnianie, wspólny backend, scentralizowana logika treści.
Cel: Głównym celem było zbudowanie zunifikowanej warstwy API wykorzystującej Auth0 do uwierzytelniania na obu platformach, pozwalającej użytkownikom logować się na stronie internetowej za pomocą tych samych poświadczeń co w aplikacji do strumieniowania. To jedno API obsługiwało przeglądanie wiadomości, komentowanie i polubienia — utrzymując dane użytkownika spójne między dwoma produktami przez cały czas.
Dodatkowo potrzebowaliśmy elastycznego systemu powiadomień o wydarzeniach, który mógłby wyświetlać nadchodzące wydarzenia na obu platformach — zarządzany całkowicie z poziomu CMS, bez udziału deweloperów.
Kluczowe informacje o projekcie
Branże
Streaming muzyki, gospodarka twórców, media cyfrowe, monetyzacja artystów
Usługi
Architektura API, integracja uwierzytelniania, full-stack development, dostosowanie CMS
Rozwiązania
Zunifikowana warstwa API, Auth0 SSO, powiadomienia o wydarzeniach sterowane przez CMS, współdzielone komentarze i polubienia
Technologie
.NET, Umbraco, JavaScript, React, Auth0, Umbraco Cloud, Mailchimp, HubSpot
Wyzwania
Uwierzytelnianie wieloplatformowe
Zapewnienie płynnego i spójnego działania Auth0 dla dwóch platform z różnymi stosami front-endowymi — strony internetowej i aplikacji streamingowej.
Struktura API bez duplikacji
Strukturyzacja API do obsługi komentarzy, polubień i logiki wiadomości z uniknięciem duplikacji logiki backendowej w obu produktach.
Bezpieczna spójność sesji
Zabezpieczenie obsługi tokenów i spójnych sesji użytkownika na dwóch domenach, aby użytkownicy nie odczuwali różnicy między platformami.
System wydarzeń sterowany przez CMS
Tworzenie dynamicznego banera powiadomień kontrolowanego w całości z poziomu Umbraco — redaktorzy wybierają, gdzie wydarzenia się pojawiają, bez konieczności pisania kodu.
Prostota architektury
Centralizacja wszystkiego bez nadmiernego komplikowania architektury — zachowanie jej w stanie łatwym do utrzymania i rozbudowy podczas skalowania platformy.
Proces
Stosuje się podejście fazowe do wdrożenia, zaczynając od projektowania i konfiguracji podstawowej architektury API i systemu uwierzytelniania, stopniowo przechodząc przez kolejne etapy, które ostatecznie prowadzą do w pełni zintegrowanej warstwy powiadomień sterowanej przez CMS, łączącej dostarczanie treści i zachowanie systemu na wszystkich platformach.
Zunifikowana architektura API
Zaprojektowano i wybudowano jedno API konsumowane przez stronę marketingową i aplikację streamingową. Wszystkie dane przepływają przez jeden backend — bez duplikacji i odzwierciedlania.
Integracja Auth0
Zintegrowano Auth0 jako wspólnego dostawcę uwierzytelniania dla obu platform. Użytkownicy logują się raz i mogą swobodnie przechodzić między stroną a aplikacją bez ponownego uwierzytelniania. Obsługa tokenów i stan sesji są bezpiecznie zarządzane między domenami.
Komentarze, polubienia i logika wiadomości
Wdrożono funkcjonalność komentowania i polubień za pomocą centralnego API. Strona łączy się z tym samym backendem co aplikacja streamingowa, zapewniając spójność wszystkich interakcji społecznościowych i danych.
System powiadomień o wydarzeniach
Stworzono niestandardowy skrypt pobierający dane o wydarzeniach z Umbraco i wyświetlający dynamiczny baner na wybranej przez redaktora platformie. Marketing może ogłaszać wydarzenia na stronie, w aplikacji lub na obu — bez udziału deweloperów.
Rozwiązania
Kluczowe cechy rozwiązania
Zunifikowana warstwa API — Jedno API obsługuje witrynę i aplikację streamingową. Wszystkie dane (użytkownicy, wiadomości, komentarze, polubienia, wydarzenia) przepływają przez jedno źródło prawdy, eliminując duplikacje i problemy z synchronizacją.
Wspólne uwierzytelnianie Auth0 — Auth0 to wspólny dostawca tożsamości. Użytkownicy logują się raz; te same dane pozwalają na dostęp do obu platform z zachowaniem spójnych sesji i tokenów.
Komentarze i polubienia przez centralne API — Interakcje społeczne obsługiwane przez zunifikowane API, co zapewnia spójność danych zaangażowania na obu platformach.
Bannery powiadomień o wydarzeniach sterowane przez CMS — Skrypt pobiera dane o wydarzeniach z Umbraco i renderuje banery. Redaktorzy ustawiają treść i miejsce (strona, aplikacja, obie) bez udziału dewelopera.
Integracje Mailchimp i HubSpot — Zintegrowane z Mailchimp i HubSpot, dzięki czemu zespoły zarządzają marketingiem i CRM za pomocą znanych narzędzi, a dane przepływają przez centralny backend.
Wyniki w liczbach
100%
Wszyscy użytkownicy logują się przez Auth0 na obu platformach przy użyciu jednego zestawu danych uwierzytelniających. Brak osobnych kont, brak przeszkód przy przełączaniu się między stroną a aplikacją streamingową.
3x
Redaktorzy publikują banery wydarzeń na dowolnej platformie w ciągu kilku minut za pomocą Umbraco — co wcześniej wymagało ticketu do programisty i wdrożenia, teraz zajmuje trzy kliknięcia w backoffice.
2x
Centralizacja uwierzytelniania, danych i logiki w jednym API zmniejsza koszty utrzymania. System jest przewidywalny — problemy są izolowane i rozwiązywane w jednym miejscu zamiast w dwóch.
