Як ми реалізуємо покупку NFT у мобільному додатку

Як ми реалізуємо покупку NFT у мобільному додатку

Відзначимо: коли користувач натискає «Купити», запускається ланцюжок блокчейн-транзакцій, який може обірватися на будь-якому етапі: нестача газу, зміна ціни, оновлення лістингу. Ми проектуємо стійкий flow покупки: перевіряємо актуальність ордера, готуємо approve (якщо потрібно), відправляємо транзакцію та чекаємо підтвердження. При помилках — декодуємо revert і показуємо зрозуміле повідомлення. Розповідаємо, як це реалізовано на Swift та Kotlin.

Покупка NFT у мобільному додатку — це не просто виклик смарт-контракту. Це кілька кроків, кожен з яких вимагає обробки edge-кейсів: мережа конгестилась, гаманець не підключений, токен вже куплений. Без належної інтеграції користувач зіткнеться з невизначеними помилками та покине додаток. Наша команда має 10+ років досвіду в мобільній розробці та реалізувала понад 50 проектів з інтеграцією блокчейну — ми гарантуємо, що flow покупки проходить гладко, а у випадку проблем — зрозуміло пояснює причину.

Як перевірити доступність NFT перед покупкою?

Перед показом кнопки «Купити» — перевірити актуальний статус лістингу. NFT міг бути проданий секунду тому, а кешований екран цього не знає.

// iOS — перевірка активності лістингу перед покупкою
func checkListingActive(contractAddress: String, tokenId: BigUInt) async throws -> Bool {
    let listing = try await marketplaceContract.getListing(
        nftAddress: EthereumAddress(contractAddress)!,
        tokenId: tokenId
    )
    return listing.price > 0 && listing.seller != EthereumAddress.zero
}

Якщо лістинг неактивний — кнопка змінюється на «Немає в продажу», без діалогу покупки.

Чому варто розділяти approve та buy?

При покупці за ETH — одна транзакція: buyItem(nftContract, tokenId, { value: price }). Це швидше та простіше, але вимагає, щоб у користувача був ETH.

При покупці за ERC-20 (наприклад, USDC) — дві:

1. usdc.approve(marketplaceAddress, price) — дозволити маркетплейсу витрачати токени
2. marketplace.buyItem(nftContract, tokenId) — безпосередньо покупка

Користувач повинен бачити це як єдиний flow: «Крок 1 з 2: Дозволити списання USDC» → «Крок 2 з 2: Підтвердити покупку». Індикатор прогресу, пояснення кожного кроку.

Як об'єднати approve та buy за допомогою Permit?

Якщо токен підтримує EIP-2612 (Permit), approve можна замінити off-chain підписом. Тоді buy виконується однією транзакцією, як з ETH, але передається підпис permit. Це знижує газові витрати та покращує UX. За нашими розрахунками, економія газу становить до 30% порівняно з класичним approve + buy. При поточних цінах на газ Ethereum це еквівалентно економії приблизно $0.50–$1.00 за транзакцію. Порівняйте:

Очікування підтвердження

Після відправки транзакції — не блокуй екран. Показуй:

• TransactionHash у вигляді посилання на Explorer (Etherscan, Polygonscan)
• Індикатор «Очікування підтвердження» з можливістю піти
• Push при отриманні N підтверджень (зазвичай 1–3)

// Android — очікування підтвердження з таймаутом
suspend fun waitForReceipt(txHash: String, timeoutMs: Long = 120_000): TransactionReceipt? {
    val deadline = System.currentTimeMillis() + timeoutMs
    while (System.currentTimeMillis() < deadline) {
        val receipt = web3j.ethGetTransactionReceipt(txHash).send().transactionReceipt
        if (receipt.isPresent) return receipt.get()
        delay(3_000)
    }
    return null
}

Якщо receipt.status == "0x0" — транзакція завершилася з помилкою (revert). Потрібно декодувати причину через debug_traceTransaction або перевірити відомі помилки смарт-контракту OpenSea Seaport docs.

Як обробляти помилки транзакцій?

Ми обробляємо кожен revert: декодуємо причину та показуємо зрозуміле повідомлення. Це підвищує довіру користувача та знижує кількість звернень до підтримки.

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

• Проектування flow покупки з вибором оптимального сценарію (ETH/ERC-20/permit)
• Реалізація на Swift/Kotlin з урахуванням App Store Review Guidelines (Section 4.2/5.1) та політик Google Play
• Тестування: unit-тести логіки транзакцій, інтеграційні тести взаємодії з контрактами
• Документація flow та вихідний код
• Підписані збірки (TestFlight / Firebase App Distribution)
• Підтримка 3 місяці після релізу

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

1. Аналітика та проектування — визначаємо сценарії покупки, вибираємо оптимальний flow (1-2 дні)
2. Реалізація — пишемо код (2-5 днів)
3. Тестування — покриваємо unit-тестами логіку транзакцій, інтеграційними тестами — взаємодію з контрактами (1-2 дні)
4. Deliverables — документація, збірки, розгортання (1 день)
5. Підтримка після релізу — 3 місяці гарантії та фіксу багів

Терміни: від 3 до 10 днів залежно від складності. Вартість розраховується індивідуально після оцінки проекту.

Якщо ви хочете, щоб ваш додаток підтримував покупку NFT, зв'яжіться з нами для оцінки. Замовте інтеграцію — отримайте консультацію щодо реалізації flow покупки з урахуванням ваших вимог.

Non-fungible token

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

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