Розробка мобільного додатку для маркетплейсу

Маркетплейс — не просто інтернет-магазин з кількома продавцями. Це три паралельні додатки: покупець, продавець, адміністратор. Ми розробляємо такі системи під ключ: від прототипу до публікації в сторах. Архітектурні рішення на старті визначають, наскільки легко додавати нового продавця або новий тип товару через пів року. Замовте консультацію з архітектури вашого маркетплейсу — оцінимо проєкт за 2 дні.

Як спроектувати мобільний додаток маркетплейсу з нуля?

Маркетплейс поєднує два клієнти: покупецький і продавчий. Завдання — зробити їх максимально перевикористовуваними. Для покупця критичні каталог, кошик з мультивендорними товарами та платіжний механізм. Для продавця — керування товарами, замовленнями та аналітика. Збірка на React Native зі спільним core-пакетом скорочує час розробки на 30% порівняно з окремими нативними проєктами. Розглянемо кожну підсистему.

Як спроектувати каталог з мультивендорними фільтрами? — розробка мобільного додатку

Стандартний UICollectionView/RecyclerView з paginated endpoint працює, поки не з'явиться 50 продавців з пересічними категоріями. Проблема: при offset-пагінації виникають дублі, якщо продавець додав товар між запитами. Рішення — cursor-based пагінація (after=<last_item_id>): стабільніша при частому оновленні. Порівняння:

WebSocket-канал у 10 разів швидший за polling за швидкістю оновлення даних. Stripe documentation рекомендує саме такий підхід для real-time сценаріїв.

Що робити з кошиком від різних продавців?

Користувач додав товари від трьох продавців — при checkout треба або розбити на три окремі замовлення, або створити один складовий з sub-orders. Це бізнес-рішення впливає на UI: розбивка за продавцями в кошику, окремі статуси доставки, можливість часткової оплати. Архітектуру кошика CartService з підтримкою VendorGroup узгоджуємо на старті. Кроки реалізації:

1. Розділити кошик на секції за продавцями.
2. При checkout запитати спосіб розбивки (окремі замовлення або складовий).
3. На бекенді створити OrderGroup з дочірніми замовленнями.
4. Обробляти платежі для кожного замовлення незалежно.

Як організувати real-time оновлення залишків?

Покупець дивиться товар, який у цей момент купили. Стандартна ситуація: товар у кошику, при checkout — out_of_stock. Хороше рішення — WebSocket-канал на детальній сторінці (wss://api/items/{id}/stock), що оновлює лічильник у реальному часі. Дешевий варіант — polling кожні 30 секунд через Timer. WebSocket кращий для частих змін (до 80% випадків), polling — для рідкісних.

Додаток продавця

Окремий target/модуль або окремий додаток — залежить від функціональності. Якщо продавець тільки керує товарами та переглядає замовлення — можна один target з role-based routing. Якщо потрібна аналітика, керування складом, чат — окремий додаток.

Обов'язкові функції продавця:

• Додавання та редагування товарів з фотографіями (завантаження в S3/Cloudinary через pre-signed URL з пристрою, без проксіювання)
• Вхідні замовлення з push-сповіщеннями (FCM/APNs з високим пріоритетом)
• Зміна статусу замовлення: прийнято → в обробці → відправлено → доставлено
• Звіт по продажах за період

Як організувати платежі в маркетплейсі?

Найскладніше — split-payment: покупець платить одну суму, гроші розщеплюються між продавцями та платформою. Stripe Connect, PayPal Marketplace або самописний шлюз. Stripe Connect: покупець платить через PaymentIntent з transfer_data, гроші розподіляються по Connected Account кожного продавця. На мобільному — стандартний Stripe SDK (stripe-ios, stripe-android) для UI карткової форми. Порівняння рішень:

Split-payment інтеграція з Stripe Connect знижує операційні витрати на 40% порівняно з самописним рішенням. Якщо split-payment не потрібен (платформа збирає все, потім переказує продавцям) — простіше: звичайний платіжний шлюз, розрахунки через окрему систему виплат.

Пошук

Повнотекстовий пошук по каталогу з автодоповненням — не SQL LIKE. Elasticsearch або Meilisearch на бекенді, мобільний клієнт робить дебаунсований запит (300–500ms) при вводі. UISearchController (iOS) / SearchView (Android) з результатами в UITableView/RecyclerView. Попередні запити — в UserDefaults/SharedPreferences, показуємо при пустому полі.

Архітектура та стек

Для маркетплейсу з двома додатками React Native зі спільним core-пакетом — розумний вибір: перевикористання бізнес-логіки (CartService, OrderService, AuthService), окремі UI-шари для кожної ролі. Нативні Swift + Kotlin — коли потрібна специфічна продуктивність або hardware-інтеграції (NFC, сканер штрих-коду).

Архітектурний паттерн: Clean Architecture з UseCases/Interactors — дозволяє тестувати бізнес-логіку незалежно від UI-фреймворку. На React Native: Zustand або Redux Toolkit для стейту кошика та каталогу.

Що входить у роботу

• Технічне завдання та прототип архітектури
• UI/UX-дизайн для обох додатків (покупець, продавець)
• Розробка core-модулів (каталог, кошик, замовлення, платежі)
• Інтеграція платіжної системи (Stripe, PayPal)
• Налаштування push-сповіщень (FCM/APNs)
• Навантажувальне тестування каталогу та checkout
• Публікація в App Store та Google Play
• Документація та передача доступів
• Технічна підтримка 1 місяць після релізу

Процес

Discovery та проектування (ролі, флоу замовлення, платіжна схема) → UI/UX для обох додатків → розробка core-модулів → продавчий модуль → адміністративна панель → навантажувальне тестування → публікація.

Чому обирають нас

Ми — команда з 7+ роками досвіду в мобільній розробці, реалізували понад 15 маркетплейсів для iOS та Android. Гарантуємо дотримання App Store Review Guidelines та Google Play політик. Досвід роботи з split-payment, real-time сповіщеннями та високонавантаженими каталогами. Зв'яжіться з нами — отримайте безкоштовну консультацію з архітектури вашого маркетплейсу.

Орієнтири за строками

MVP маркетплейсу (каталог, кошик, checkout, базовий додаток продавця): 6–10 тижнів. Повнофункціональна платформа з split-payment, real-time сповіщеннями, пошуком та аналітикою: 3–5 місяців. Вартість розраховується індивідуально після аналізу вимог.

Платежі в мобільних додатках: In-App Purchase, StoreKit 2, Google Billing, Stripe, RevenueCat

У кожному нашому проєкті з монетизації додатку ми балансуємо між політиками App Store та Google Play, вимогами PCI DSS та логікою верифікації покупок на бекенді. Неправильно зроблена система платежів — це не просто баг, це фінансові втрати та можливий бан додатку. За 7 років ми розібрали понад 50 кейсів інтеграції платіжних SDK — від простої Stripe-форми до розподіленого біллінгу з власними серверними вебхуками.

Як вибрати між In-App Purchase та зовнішнім платіжним шлюзом?

Якщо додаток продає цифровий контент або підписки — Apple та Google вимагають використовувати їхні платіжні системи. Обійти це неможливо: порушення правил 3.1.1 App Store або Google Play Developer Policy призводить до видалення додатку. Фізичні товари та послуги, що надаються офлайн, — інша історія.

In-App Purchase: дві платформи, два різних API

StoreKit 2 (iOS 15+)

StoreKit 2 — повна переробка оригінального StoreKit з async/await API. Product.products(for:), product.purchase(), Transaction.currentEntitlements — читабельно та передбачувано порівняно з чергою транзакцій через SKPaymentTransactionObserver.

Найважливіша зміна: транзакції в StoreKit 2 підписані JWS (JSON Web Signature) і верифікуються локально без серверного roundtrip. Transaction.verificationResult повертає .verified(Transaction) або .unverified(Transaction, VerificationError). Це не означає, що сервер не потрібен — він потрібен для зберігання статусу підписки, але локальна верифікація прибирає затримку при старті.

StoreKit.AppTransaction — верифікація самого факту завантаження додатку з App Store. Потрібна для додатків з платним завантаженням або безстроковими покупками, не підписками.

Складне місце в StoreKit 2 — обробка renewalState для підписок: .subscribed, .expired, .inBillingRetryPeriod, .inGracePeriod, .revoked. Стан inGracePeriod означає, що Apple намагається відновити оплату (до 16 днів) — у цей час потрібно продовжувати надавати доступ. Не обробиш — втратиш лояльних користувачів, у яких тимчасово не пройшла картка. За досвідом, близько 5% підписок потрапляють у billing retry, і автоматичне відновлення доступу повертає до 80% з них.

Google Play Billing Library (v6+)

Google Billing — складніший за StoreKit за кількістю сценаріїв. BillingClient з PurchasesUpdatedListener, queryProductDetailsAsync, launchBillingFlow, queryPurchasesAsync — обов'язково викликати при кожному старті додатку, не покладатися на PurchasesUpdatedListener як єдине джерело правди.

Підтвердження покупки: acknowledgePurchase() для non-consumables та підписок, consumePurchase() для consumables. Якщо не викликати acknowledge протягом 3 днів — Google автоматично зробить повернення. Це гарантована втрата грошей, якщо забути про acknowledge на бекенді після верифікації.

ProductDetails з SubscriptionOfferDetails — в Billing v5+ структура оферт ускладнилася: один продукт може мати кілька basePlanId та offerId (пробний період, знижка для нових користувачів, retention-офер). BillingFlowParams.SubscriptionUpdateParams для апгрейду/даунгрейду підписки з prorationMode.

Чому серверна верифікація обов'язкова?

Ніколи не довіряйте лише клієнтському коду при розблокуванні платного контенту. Клієнтська верифікація обходиться модифікацією додатку.

Для IAP мінімальна схема: додаток отримує receiptData (iOS) або purchaseToken (Android), відправляє на бекенд, бекенд верифікує через Apple App Store Server API / Google Play Developer API, зберігає статус у БД, віддає відповідь клієнту. RevenueCat робить це за вас — але якщо у вас кастомний бекенд, потрібно реалізувати самостійно.

Webhook-и важливіші, ніж здається. Користувач може скасувати підписку через налаштування телефону, не через додаток — додаток не отримає про цю подію в реальному часі. Тільки webhook від Apple/Google (або RevenueCat) дозволяє своєчасно оновити статус. Ми використовуємо перевірку підпису вхідних запитів через Apple's signedPayload та Google's DeveloperNotification.

Як RevenueCat спрощує інтеграцію?

Підтримувати StoreKit 2 та Google Billing одночасно, з урахуванням промо-кодів, оферт, відновлення покупок та серверної верифікації — це кілька місяців розробки. RevenueCat закриває більшу частину цього шару.

RevenueCat — не просто SDK для платежів. Це:

• Єдиний API для iOS та Android (і Stripe для вебу)
• Серверна верифікація та зберігання статусів підписок
• Webhooks на події (покупка, відновлення, скасування, billing issue)
• Аналітика по когортам, MRR, churn
• A/B тестування оферт через Experiments

Purchases.configure(withAPIKey:) при старті, Purchases.shared.getCustomerInfo() для отримання поточних entitlements — мінімальний інтегрований шар. Purchases.shared.purchase(package:) замість прямого виклику StoreKit/Billing.

У документації RevenueCat сказано: «RevenueCat handles receipt validation on the server side, reducing client-side complexity and preventing fraudulent purchases.»

Обмеження RevenueCat: платний (безкоштовно до певного рівня MRR, далі відсоток від доходу), не підходить для дуже складних flow з кількома storefront-ами або кастомними bundle-ами. Однак для типового SaaS-додатку економія на власній розробці є значною — інтеграція окупається швидко.

Stripe в мобільних додатках

Stripe — для оплати фізичних товарів, послуг, B2B-платежів де IAP не вимагається політикою платформи.

Stripe iOS SDK та Android SDK — PaymentSheet для готового UI оплати, PaymentSheetFlowController для кастомного UI зі збереженими картками. Payment Intent створюється на сервері, client secret передається в додаток — карткові дані ніколи не проходять через ваш сервер, лише через Stripe.

Apple Pay та Google Pay через Stripe: PKPaymentRequest (iOS) та GooglePayLauncher (Android) вже інтегровані в Stripe SDK. Конверсія у Apple Pay дає в 1.3–2 рази вищий результат, ніж форми з ручним введенням картки — це цифри, які ми підтвердили на десятці проєктів.

Збережені картки через SetupIntent + Customer API — користувач платить в один тап при повторному візиті. Compliance: PCI DSS SAQ A — найлегший рівень compliance, оскільки Stripe Tokenization прибирає потребу зберігати карткові дані на своїй стороні. Згідно з PCI DSS, передача токенів звільняє від необхідності сертифікації рівня 1.

3DS2 (Strong Customer Authentication) — обов'язковий для платежів у ЄС за PSD2. Stripe обробляє автоматично через PaymentIntent.confirmPayment, але потрібно коректно обробити .requiresAction статус та повернути користувача на потрібний екран після аутентифікації.

Що входить в роботу (deliverables)

Процес та терміни

Починаємо з з'ясування бізнес-моделі: підписки, разові покупки, consumables, freemium. Від цього залежить архітектура. Тестування IAP вимагає Sandbox-акаунтів (Apple) та License Testers (Google) — це окреме налаштування середовища.

Sandbox Apple поводиться не так, як production: підписки відновлюються кожні 5 хвилин замість місяця, inGracePeriod працює по-іншому. Обов'язково тестувати сценарії: закінчення тріалу, скасування, billing retry, refund.

Як налаштувати тестове середовище для платежів?

Вартість розраховується індивідуально виходячи з набору інструментів та складності серверної логіки. У середньому ми вкладаємося в бюджет, який обговорюється окремо, але економія від запобігання помилок та churn окупає ці вкладення за 2–3 місяці.

Отримайте консультацію по вашому проєкту — зв'яжіться з нами. Ми допоможемо обрати оптимальну архітектуру платежів, яка пройде рев'ю сторів та не зламається при пікових навантаженнях.