Disctopia
Огляд кейсу
Єдиний 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 зменшує обслуговування. Система передбачувана — проблеми ізольовані і вирішуються в одному місці замість двох.
