Disctopia
Przegląd przypadku
Zintegrowana warstwa API łącząca platformę muzycznego streamingu i jej stronę marketingową w jeden spójny ekosystem — wspólna autoryzacja, wspólny backend, scentralizowana logika treści.
Cel: Głównym celem było zbudowanie zintegrowanej warstwy API z użyciem Auth0 do uwierzytelniania na obu platformach, pozwalającej użytkownikom na logowanie się na stronie przy użyciu tych samych danych co w aplikacji streamingowej. To jedno API obsługiwało przeglądanie wiadomości, komentowanie i polubienia - zapewniając spójność danych użytkownika między dwoma produktami w każdym momencie.
Dodatkowo potrzebowaliśmy elastycznego systemu powiadomień o wydarzeniach, który mógłby wyświetlać nadchodzące eventy na obu platformach - w pełni kontrolowanego z CMS bez udziału programistó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
Zintegrowana warstwa API, jednokrotne logowanie Auth0, powiadomienia o wydarzeniach z CMS, wspólne komentarze i polubienia
Technologie
.NET, Umbraco, JavaScript, React, Auth0, Umbraco Cloud, Mailchimp, HubSpot
Wyzwania
Uwierzytelnianie międzyplatformowe
Płynne i spójne działanie Auth0 dla dwóch platform z różnymi stosami front-end — strona i aplikacja streamingowa.
Struktura API bez duplikacji
Strukturyzacja API do obsługi komentarzy, polubień i logiki wiadomości, unikając duplikowania logiki backendu w obu produktach.
Bezpieczna spójność sesji
Zapewnienie bezpiecznego obsługiwania tokenów i spójności sesji użytkownika na dwóch domenach, tak aby użytkownicy nie odczuwali różnicy między platformami.
System powiadomień sterowany z CMS
Tworzenie dynamicznego banera powiadomień w pełni kontrolowanego z Umbraco — redaktorzy wybierają gdzie pojawiają się wydarzenia bez konieczności pisania kodu.
Prostota architektury
Centralizacja wszystkiego bez nadmiernego komplikowania architektury — utrzymanie jej łatwej w konserwacji i rozszerzalnej w miarę rozwoju platformy.
Proces
Zastosowano etapowe podejście do wdrożenia, zaczynając od zaprojektowania i uruchomienia głównej architektury API i systemu uwierzytelniania, a następnie stopniowo przechodząc przez kolejne fazy, aż do pełnej integracji warstwy powiadomień sterowanych z CMS, które unifikują dostarczanie treści i zachowanie systemu na platformach.
Zintegrowana architektura API
Zaprojektowano i zbudowano jedno API konsumowane zarówno przez stronę marketingową, jak i aplikację streamingową. Wszystkie dane przepływają przez jeden backend — bez kopiowania, bez duplikacji.
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 funkcje komentowania i polubień za pośrednictwem centralnego API. Strona łączy się z tym samym backendem co aplikacja streamingowa, co zapewnia jednolite interakcje społeczne i spójność danych.
System powiadomień o wydarzeniach
Stworzono własny skrypt pobierający dane wydarzeń 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 programistów.
Rozwiązania
Kluczowe cechy rozwiązania
Zintegrowana warstwa API — Jedno API zasila stronę i aplikację streamingową. Wszystkie dane (użytkownicy, wiadomości, komentarze, polubienia, wydarzenia) przepływają przez jedno źródło prawdy, eliminując duplikację i problemy synchronizacji.
Wspólna autoryzacja Auth0 — Auth0 to wspólny dostawca tożsamości. Użytkownicy logują się raz; te same dane działają na wszystkich platformach z spójnymi sesjami i tokenami.
Komentarze i polubienia za pośrednictwem centralnego API — Interakcje społeczne obsługiwane przez zunifikowane API, utrzymujące spójność danych zaangażowania na platformach.
Banery powiadomień o wydarzeniach sterowane z CMS — Skrypt pobiera dane o wydarzeniach z Umbraco i wyświetla banery. Redaktorzy określają treść i miejsce (strona, aplikacja, obie) bez udziału deweloperów.
Integracje Mailchimp i HubSpot — Zintegrowano z Mailchimp i HubSpot, aby zespoły mogły zarządzać marketingiem i CRM za pomocą znanych narzędzi, a dane przepływają przez centralny backend.
Wyniki w liczbach
100%
Wszyscy użytkownicy uwierzytelniają się przez Auth0 na obu platformach za pomocą jednego zestawu danych logowania. Brak oddzielnych kont, brak problemów przy przełączaniu się między stroną internetową a aplikacją do streamingu.
3x
Redaktorzy publikują banery wydarzeń na dowolnej platformie w kilka minut za pomocą Umbraco — to, co wcześniej wymagało ticketu do dewelopera 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.
