Дискто́пія
Огляд кейсу
Єдиний шар API, який об'єднує музичну стрімінгову платформу та її маркетинговий вебсайт в єдину екосистему — спільна аутентифікація, спільний бекенд, централізована логіка контенту.
Мета: Основною метою було створення уніфікованого шару API, який використовує Auth0 для аутентифікації на обох платформах, дозволяючи користувачам входити на вебсайт із тими ж обліковими даними, що і в стрімінговому додатку. Цей єдиний API обробляв перегляд новин, коментарі та лайки, зберігаючи дані користувачів у постійній відповідності між двома продуктами.
Крім того, нам потрібна була гнучка система сповіщень про події, яка могла б відображати майбутні події між платформами — повністю керована CMS без залучення розробників.
Основна інформація про проєкт
Індустрії
Музичний стрімінг, Економіка творців, Цифрові медіа, Монетизація артистів
Послуги
Архітектура API, Інтеграція аутентифікації, Розробка повного стеку, Налаштування 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 зменшує обслуговування. Система передбачувана — проблеми ізольовані та вирішуються в одному місці замість двох.
