Disctopia
Огляд кейсу
Єдиний шар API, який поєднує музичну стрімінгову платформу та її маркетинговий вебсайт в єдину безшовну екосистему — спільна аутентифікація, спільний бекенд, централізована логіка контенту.
Мета: Головною метою було створення єдиного шару API, що використовує Auth0 для аутентифікації на обох платформах, дозволяючи користувачам входити на вебсайт із тими ж обліковими даними, що й у стрімінговому додатку. Цей єдиний API обробляв перегляди новин, коментарі та лайки — зберігаючи користувацькі дані узгодженими між двома продуктами в будь-який час.
Крім того, нам потрібна була гнучка система повідомлень про події, що могла б відображати майбутні події на обох платформах — повністю керована з CMS без участі розробника.
Основна інформація про проєкт
Індустрії
Музичний стрімінг, Економіка творців, Цифрові медіа, Монетизація артистів
Послуги
Архітектура API, Інтеграція аутентифікації, Full-Stack розробка, Налаштування CMS
Рішення
Єдиний шар API, Auth0 SSO, повідомлення про події, керовані CMS, спільні коментарі та лайки
Технології
.NET, Umbraco, JavaScript, React, Auth0, Umbraco Cloud, Mailchimp, HubSpot
Виклики
Кросплатформена аутентифікація
Забезпечення безшовної та послідовної роботи Auth0 для двох платформ із різними фронтенд-стеками — вебсайту та стрімінгового веб-додатку.
Структура API без дублювання
Створення структури API для обробки коментарів, лайків і логіки новин, уникаючи дублювання бекенд-логіки між двома продуктами.
Безпечна послідовність сесій
Забезпечення безпечного оброблення токенів і послідовності сесій користувачів між двома доменами, щоб користувачі не відчували розриву між платформами.
Система подій, керована CMS
Створення динамічного банера повідомлень, повністю керованого з Umbraco — редактори обирають, де відображати події, не торкаючись коду.
Простота архітектури
Централізація всього без ускладнення архітектури — забезпечення підтримки та розширюваності платформи з ростом.
Процес
Використовується фазовий підхід до впровадження, починаючи з проєктування та налаштування основної архітектури API та системи аутентифікації, поступово переходячи через послідовні етапи, зрештою приводячи до повністю інтегрованого, керованого CMS шару повідомлень, який уніфікує доставку контенту та поведінку системи між платформами.
Єдина архітектура API
Розроблено та створено єдиний API, який використовують і маркетинговий вебсайт, і стрімінговий додаток. Всі дані проходять через один бекенд — без дзеркалювання та дублювання.
Інтеграція Auth0
Інтегровано Auth0 як спільного провайдера аутентифікації для обох платформ. Користувачі входять один раз і можуть переключатися між вебсайтом і додатком без повторної аутентифікації. Обробка токенів і стан сесій забезпечується безпечно між доменами.
Коментарі, лайки та логіка новин
Реалізовано функції коментування та лайків через центральний API. Вебсайт підключається до того ж бекенда, що й стрімінговий додаток, забезпечуючи єдність соціальних взаємодій і цілісність даних.
Система повідомлень про події
Створено власний скрипт, який отримує дані подій з Umbraco і відображає динамічний банер на тій платформі, яку обирає редактор. Маркетинг може оголошувати події на вебсайті, у додатку або на обох — без участі розробників.
Рішення
Ключові особливості рішення
Єдиний шар API — Один API живить сайт і стрімінговий додаток. Всі дані (користувачі, новини, коментарі, лайки, події) проходять через одне джерело правди, усуваючи дублювання і проблеми синхронізації.
Спільна аутентифікація через Auth0 — Auth0 є спільним провайдером ідентифікації. Користувачі входять один раз; ті ж облікові дані працюють на всіх платформах з послідовними сесіями та токенами.
Коментарі та лайки через центральний API — Соціальні взаємодії обробляються через єдиний API, підтримуючи узгодженість даних про взаємодії на всіх платформах.
Банери повідомлень про події, керовані CMS — Скрипт отримує дані подій з Umbraco і відображає банери. Редактори встановлюють контент і розміщення (веб, додаток, обидва) без участі розробника.
Інтеграції Mailchimp & HubSpot — Інтегровано з Mailchimp та HubSpot, щоб команди керували маркетингом і CRM через знайомі інструменти, з передачею даних через центральний бекенд.
Результати у цифрах
100%
Всі користувачі автентифікуються через Auth0 на обох платформах з одним набором облікових даних. Без окремих акаунтів, без труднощів при переході між сайтом і стрімінговим додатком.
3x
Редактори розміщують банери подій на будь-якій платформі за хвилини через Umbraco — те, що раніше вимагало звернення до розробника та деплойменту, тепер займає три кліки у бекофісі.
2x
Централізація автентифікації, даних і логіки в єдиному API знижує витрати на підтримку. Система передбачувана — проблеми ізольовані та вирішуються в одному місці, а не в двох.
