Мультиплатформна система управління контентом та підписками
Постачальник контентних/підписних послуг потребував повної платформи, що охоплює мобільний додаток, вебадмінку та бекенд, для керування автентифікацією користувачів, бібліотеками контенту та життєвими циклами підписок.
Обговоріть Ваш Проєкт
Виклик
Побудова контентної платформи на основі підписки вимагала вирішення кількох взаємопов'язаних проблем:
- Автентифікація користувачів мала працювати на мобільних (iOS/Android) та вебадмін інтерфейсах
- Управління підписками вимагало відстеження платіжних циклів, поновлень та контролю доступу
- Бібліотеки контенту потребували інструментів кураторства для адміністраторів
- Google OAuth та автентифікація за допомогою електронної пошти мали безперешкодно співіснувати
- Мобільний додаток потребував вишуканого, нативного досвіду на обох платформах
Наше Рішення
Ми розробили трирівневий пакет додатків, що складається з мобільного додатка на Flutter, адмін-панелі на React та бекенд API на NestJS.
Архітектура
- Мобільний додаток: Flutter з керуванням станом Riverpod та навігацією GoRouter
- Адмін-панель: React 19 + Vite з Zustand та Tailwind CSS
- Бекенд API: NestJS з TypeScript, MongoDB, Redis
- Автентифікація: JWT + Google OAuth2 з верифікацією електронної пошти за допомогою OTP
- Інфраструктура: AWS S3 (зберігання), AWS SES (електронна пошта), Redis (кешування)
Компоненти платформи
Мобільний додаток (Flutter)
- Архітектура MVVM з Riverpod для чистого керування станом
- Вхід/реєстрація з електронною поштою та опціями Google OAuth
- Процес відновлення пароля з верифікацією OTP
- Діплінкинг та навігація на основі GoRouter
- Безпечне зберігання токенів для постійних сесій
Адмін-панель (React)
- Управління користувачами з детальними профілями та відстеженням активності
- Відстеження підписок зі статусом поновлення та виставлення рахунків
- Управління бібліотекою контенту та інструменти кураторства
- Налаштування та конфігурація платформи
- Аналітика панелі керування з ключовими показниками
Бекенд API (NestJS)
- Автентифікація JWT з ротацією access/refresh токенів
- Інтеграція Google OAuth2 разом з автентифікацією на основі облікових даних
- Сервіс електронної пошти AWS SES для верифікації та сповіщень
- Завантаження та керування файлами AWS S3
- Обмеження частоти запитів та дроселювання безпеки
- Документація Swagger/OpenAPI
Ключові особливості
- Подвійні методи автентифікації - Електронна пошта/пароль + Google OAuth2 для зручності користувачів
- Ротація токенів - Безпечне керування access/refresh токенами
- OTP верифікація - Верифікація на основі електронної пошти для безпеки облікового запису
- Відстеження підписок - Повне керування життєвим циклом від реєстрації до поновлення
- Бібліотека контенту - Контент, курований адміністратором, доступний для підписників
- Кросплатформенність - Мобільний Flutter + веброзробка на React з спільним бекендом NestJS
Результати
Технологічний Стек
caseStudyDetail.more Кейси
Ознайомтесь з іншими нашими технічними впровадженнями
Онлайн-платформа для репетиторства за підпискою з плануванням у реальному часі
Освітній стартап потребував платформу, що поєднує учнів з репетиторами через доступ на основі підписки, з функціями планування в реальному часі, автоматичними платежами та безперебійним досвідом бронювання.
Платформа Catant для управління персоналом та робочою силою
Catant — це модульна платформа для управління персоналом та робочою силою, яка допомагає підприємствам керувати співробітниками, заробітною платою, відвідуваністю та відповідністю нормативним вимогам з однієї панелі керування.
Часті запитання
MicrocosmWorks створила єдиний автомат станів підписки, який нормалізує події webhook від Stripe, Apple App Store Server Notifications V2 та Google Play RTDN в канонічну модель життєвого циклу. Це гарантує, що пільгові періоди, повторні спроби оплати та скасування обробляються послідовно, незалежно від того, яка платформа ініціювала подію.
MicrocosmWorks реалізувала крос-платформне прив'язування прав доступу, яке відображає ідентифікатори підписок, специфічні для платформи, до єдиного облікового запису користувача. Веб-панель керування показує статус підписки в реальному часі, отриманий з усіх платформ, хоча зміни у виставленні рахунків направляються назад на вихідну платформу відповідно до політики Apple та Google.
MicrocosmWorks інтегрувала рівень нормалізації доходу, що перетворює дані транзакцій, специфічні для платформи, включаючи валюту, комісії та відшкодування, на уніфікований формат фінансової звітності. Це надає операторам єдине представлення на дашборді метрик MRR, відтоку та LTV для всіх каналів підписки.
MicrocosmWorks створює багатоплатформні системи підписок за ставками $20-$45/год, при цьому проєкт такої складності зазвичай потребує 500-800 годин розробки. Інвестиції охоплюють інтеграції Stripe, Apple та Google, обробку вебхуків, керування правами доступу та адміністративну панель.
MicrocosmWorks впровадила фінгерпринтинг пристроїв у поєднанні з дедуплікацією пробних періодів між платформами, що виявляє спроби одного й того ж користувача реєструвати безкоштовні пробні версії на кількох платформах. Система також застосовує обмеження кількості одночасних сесій та позначає аномальні моделі використання для перегляду оператором.
Готові Трансформувати Свій Бізнес?
Давайте обговоримо, як ми можемо застосувати подібні рішення для ваших завдань.