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