Як створити додаток для торгівлі NFT: технічні рішення для мобільних платформ

Уявіть: користувач заходить у ваш NFT-маркетплейс на смартфоні, знаходить рідкісний токен, натискає «Купити» — і... нічого не розуміє. Замість звичного списання картки — запит підпису в гаманці, транзакція висить без підтвердження. Ми стикалися з цим десятки разів. Наш досвід — 5+ років у мобільній розробці та 30+ проєктів з Web3 — дозволяє проектувати UX так, щоб користувач не втрачав конверсію. Нижче розберемо, як ми це робимо на Swift та Kotlin.

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

• Підписування транзакцій без втрати контексту. Користувач не повинен гадати, що робить. Кожен крок пояснюємо: «Підпишіть approve, щоб виставити токен на продаж». Використовуємо WalletConnect v2 для плавного переходу.
• Швидке завантаження галереї. IPFS-шлюзи повільні — завантаження 100 токенів може зайняти 30 секунд. Ми кешуємо метадані на пристрої (до 500 МБ) і підключаємо індексатори — The Graph або Alchemy NFT API, час відповіді 50–200 мс, що в 5 разів швидше за прямі запити до блокчейну.
• Підтримка роялті. За стандартом ERC-2981 маркетплейс автоматично вираховує комісію творцю та показує її покупцю. Жодних прихованих списань.

Як вибрати підхід: Web3 Native чи WalletConnect?

Два основні шляхи:

Native SDK (web3.swift / web3j) — повний контроль над транзакціями, вбудована робота з ABI. Дає кращий UX: користувач не перемикається в сторонній гаманець. Але вимагає більше коду для подій смарт-контрактів.

WalletConnect v2 + WebView — швидше в розробці, підходить, якщо команда знає React Native або Unreal Engine. QR-код або deep link підключають зовнішній гаманець. Мінус — два переходи для непідготовленого користувача.

Докладніше про протокол WalletConnect — в офіційній документації на WalletConnect

Ми рекомендуємо нативний SDK для маркетплейсів з високою активністю користувачів, WalletConnect — для MVP та тестових запусків.

Чи варто використовувати індексатори?

Так, індексатори (The Graph, Alchemy, Moralis) агрегують метадані NFT, забезпечуючи час відповіді 50–200 мс замість 10+ секунд. Для колекцій понад 1000 токенів це обов'язково.

Як уникнути помилок з IPFS?

Використовуйте 2–3 шлюзи з fallback (Cloudflare, NFT.storage, власний вузол) та кешування на пристрої до 500 МБ.

Технічна реалізація: кешування NFT та індексація

// Android — кешування метаданих NFT з Coil + OkHttp
val imageLoader = ImageLoader.Builder(context)
    .memoryCache {
        MemoryCache.Builder(context)
            .maxSizePercent(0.25) // 25% RAM
            .build()
    }
    .diskCache {
        DiskCache.Builder()
            .directory(context.cacheDir.resolve("nft_images"))
            .maxSizeBytes(500L * 1024 * 1024) // 500 MB
            .build()
    }
    .okHttpClient {
        OkHttpClient.Builder()
            .addInterceptor(IpfsGatewayInterceptor()) // замінює ipfs:// на https://
            .build()
    }
    .build()

IpfsGatewayInterceptor перехоплює URI виду ipfs://Qm... і підставляє швидкий шлюз — Cloudflare (cloudflare-ipfs.com), NFT.storage, або власний. Додайте fallback: якщо перший шлюз не відповідає за 3 секунди — пробуй наступний.

Для колекцій від кількох тисяч токенів — не завантажувати метадані безпосередньо з блокчейну. Використовуйте індексатор: The Graph, Alchemy NFT API, Moralis, OpenSea API. Вони вже агрегували метадані — час відповіді 50–200 мс замість 10+ секунд.

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

• Документація з архітектури: діаграми потоків даних (сигнатури транзакцій, взаємодія з контрактами).
• Доступ до репозиторію з CI/CD (GitHub Actions) та налаштуванням Firebase App Distribution.
• Навчання команди: воркшоп з роботи з WalletConnect та підписування транзакцій.
• Підтримка протягом місяця: моніторинг, виправлення багів, оновлення API.

Строки та вартість

MVP з каталогом, покупкою за фіксованою ціною та профілем: 6–8 тижнів, від $15 000. Повноцінний маркетплейс з аукціонами, оферами, колекціями та рейтингами: 2–3 місяці, від $40 000. Вартість розраховується індивідуально — напишіть нам, оцінимо проєкт за 1 день.

Типові помилки та як їх уникнути

• Немає індексатора для великих колекцій. Прямі запити до блокчейну викликають таймаути. Підключайте The Graph або Alchemy до старту розробки.
• Ігнорування роялті. Без ERC-2981 творці не отримують комісію — це порушує ліцензійні угоди.
• Одна точка відмови для IPFS. Використовуйте 2–3 шлюзи з fallback, щоб не втратити метадані.

Наші інженери мають сертифікати з Swift (iOS 15+) та Kotlin (Jetpack Compose). 5+ років досвіду, 30+ реалізованих Web3-проєктів. Гарантуємо дотримання App Store Review Guidelines (Section 4.2/5.1) та вимог Google Play Console. Замовте консультацію — ми підготуємо комерційну пропозицію з архітектурою та строками.

Платежі в мобільних додатках: 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 місяці.

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