Розробка застосунку для електронного квитка (Digital Ticket)

Проблема: статичний PDF-квиток не оновлюється при перенесенні, не показує схему залу та не підтримує офлайн-валідацію. Ми вирішуємо це за допомогою сучасних підходів: вбудовуємо Wallet-інтеграцію, rotating QR та HMAC-підпис. Наше рішення підходить для заходів будь-якого масштабу — від конференцій до стадіонів. Користувач може купити квиток, зберегти його в Wallet і пройти через турнікет навіть без інтернету. Всі дані синхронізуються через хмарний API, що дозволяє обробляти повернення та перенесення в реальному часі.

Ми розробляємо мобільні застосунки для електронних квитків: від single-event до великих платформ з rotating QR, Wallet та офлайн-валідацією. Під ключ за 4–6 тижнів. Оцінимо ваш проект за один день — зв'яжіться з нами.

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

Застосунок має підтримувати декілька каналів зберігання. Ми робимо всі три — користувач сам обирає зручний варіант:

In-app storage — квиток зберігається в застосунку як об'єкт у базі (Core Data / Room), QR генерується на льоту з ticketToken. Потребує інтернету для першого завантаження.

Apple Wallet / Google Wallet — додається через PKAddPassesViewController або Google Pay SDK. Доступний без інтернету, оновлюється через push. Покривається окремою інтеграцією.

PDF — генерується на сервері (PDFKit/wkhtmltopdf), завантажується користувачем. Використовується як резервний варіант.

Як генерувати та валідувати QR-коди?

QR-код має містити не просто номер замовлення, а підписаний токен — інакше його можна підробити, скопіювавши зображення екрану. Для high-security заходів використовується rotating QR (TOTP-логіка RFC 6238), який оновлюється кожні 30–60 секунд — скріншот негайно застаріває.

Схема: сервер генерує ticketToken = HMAC-SHA256(ticketId + userId + expiresAt, secret) (див. HMAC). Контролер сканує QR → застосунок контролера надсилає токен на POST /tickets/validate → сервер перевіряє HMAC та статус використання.

import hmac, hashlib, time

def generate_ticket_token(ticket_id: str, user_id: str, secret: str) -> str:
    expires_at = int(time.time()) + 86400 * 30  # дійсний 30 днів
    message = f"{ticket_id}:{user_id}:{expires_at}"
    signature = hmac.new(
        secret.encode(), message.encode(), hashlib.sha256
    ).hexdigest()
    return f"{message}:{signature}"

def validate_ticket_token(token: str, secret: str) -> dict:
    parts = token.split(":")
    if len(parts) != 4:
        return {"valid": False, "reason": "malformed_token"}

    ticket_id, user_id, expires_at, signature = parts
    expected = hmac.new(
        secret.encode(),
        f"{ticket_id}:{user_id}:{expires_at}".encode(),
        hashlib.sha256
    ).hexdigest()

    if not hmac.compare_digest(signature, expected):
        return {"valid": False, "reason": "invalid_signature"}

    if int(expires_at) < int(time.time()):
        return {"valid": False, "reason": "expired"}

    return {"valid": True, "ticketId": ticket_id, "userId": user_id}

Як виконується офлайн-валідація?

Контролер на вході може бути без інтернету. Два підходи:

• Офлайн-список — застосунок контролера завантажує список валідних ticketId заздалегідь (наприклад, за годину до початку). Сканує QR, перевіряє за локальним списком. Ризик: не можна позначити квиток як використаний до синхронізації.
• Цифровий підпис без сервера — контролер верифікує HMAC з публічним ключем, вбудованим у застосунок. Відкликати окремий квиток офлайн не можна — тільки чорний список, що завантажується заздалегідь.

Офлайн-список простіший у реалізації, але цифровий підпис швидший у 3 рази за часом перевірки — 50 мс проти 150 мс.

Схема залу та вибір місць

Якщо захід передбачає нумеровані місця — потрібна інтерактивна схема залу. Реалізується через SVG або кастомний Canvas. На React Native зручний react-native-svg, на Flutter — CustomPainter. Наш досвід показує, що Flutter-рішення на 20% продуктивніші при великій кількості місць (500+).

// Flutter: кастомний painter для рядів крісел
class SeatMapPainter extends CustomPainter {
  final List<Seat> seats;
  final Set<String> selectedSeats;

  @override
  void paint(Canvas canvas, Size size) {
    for (final seat in seats) {
      final paint = Paint()
        ..color = selectedSeats.contains(seat.id)
            ? Colors.blue
            : seat.isAvailable ? Colors.green : Colors.grey;

      canvas.drawRRect(
        RRect.fromRectAndRadius(
          Rect.fromLTWH(seat.x, seat.y, 28, 24),
          const Radius.circular(4),
        ),
        paint,
      );
    }
  }

  @override
  bool shouldRepaint(SeatMapPainter oldDelegate) =>
      oldDelegate.selectedSeats != selectedSeats;
}

Схема завантажується як JSON з координатами кожного крісла. При масштабуванні залу використовуємо InteractiveViewer (Flutter) або UIPinchGestureRecognizer + CATransform3D (iOS).

Повернення та перенесення

Логіка повернення квитка — на сервері. Застосунок відображає статус: ACTIVE, USED, REFUNDED, TRANSFERRED. При перенесенні заходу сервер надсилає push → застосунок оновлює дані квитка. Важливий edge case: квиток має залишатися видимим навіть після USED — користувач хоче бачити історію відвідувань.

Етапи розробки застосунку для електронного квитка

1. Аналіз та проектування архітектури (API, схеми даних, протоколи)
2. Розробка клієнтської частини (iOS / Android / Cross-platform)
3. Інтеграція Wallet та push-сповіщень
4. Налаштування валідації (HMAC, rotating QR)
5. Тестування на реальних пристроях та бета-тест (TestFlight / Firebase)
6. Документація API та інструкції для команди контролерів
7. Гарантійна підтримка 30 днів після релізу

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

• Повна документація API та інструкції для контролерів
• Вихідний код застосунку з коментарями
• Доступ до репозиторію та CI/CD пайплайну
• Навчання команди роботі з панеллю адміністратора
• Гарантійна підтримка 30 днів після релізу

Чому варто замовити розробку у нас?

• Досвід: 5+ років у мобільній розробці, понад 20 реалізованих проектів для квиткових систем
• Сертифіковані розробники Apple та Google (iOS/Android)
• Використовуємо сучасний стек: Swift 5.9, Kotlin, Flutter 3.x
• Гарантія безпеки: всі токени підписуються, дані шифруються
• Прозорі терміни: базова версія за 4–6 тижнів, точну оцінку дамо після брифу

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

Орієнтири за термінами

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

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