E-commerce бот: каталог, корзина, оплата через Telegram Mini App

E-commerce бот: каталог, корзина, оплата через Telegram Mini App

Мы столкнулись с ситуацией, когда стандартный Telegram-бот с inline-кнопками перестал справляться с каталогом на 300 SKU. callback_data в 64 байта не позволяла передать параметры товара, а конечный автомат в Redis путался при одновременной работе пользователя в двух окнах. Мы пришли к решению — Telegram Mini App. Это WebView, который запускается внутри бота и снимает все ограничения Bot API. Наш опыт показывает, что такой подход сокращает время разработки каталога на 30% и даёт пользователям привычный мобильный интерфейс. Для небольших магазинов выигрыш может быть ещё значительнее.

Почему Mini App лучше inline-кнопок?

Классический бот с InlineKeyboardMarkup и callback_data упирается в лимит 64 байта — при каталоге с вариантами (размер, цвет, количество) это поле переполняется. Разработчики вынуждены хранить состояние в Redis по chat_id, что приводит к конечным автоматам, ломающимся при открытии бота в нескольких окнах. Mini App решает радикально: состояние живёт в React/Vue-компоненте внутри WebView. Бот только запускает Mini App через кнопку web_app.

Архитектура Mini App для e-commerce

// Инициализация Telegram WebApp
const tg = window.Telegram.WebApp;
tg.ready();
tg.expand(); // на весь экран

// Получение данных пользователя (без отдельной авторизации)
const initData = tg.initData; // строка для верификации на сервере
const user = tg.initDataUnsafe.user;

// Отправка данных заказа боту
function submitOrder(cart, total) {
    tg.sendData(JSON.stringify({
        action: 'order',
        items: cart,
        total: total
    }));
    // Telegram закроет Mini App и отправит данные боту через onWebAppData
}

На сервере верифицируем initData через HMAC-SHA256 с токеном бота — это защита от подделки запросов. Без верификации любой может отправить POST с произвольным user_id.

import hmac, hashlib

def verify_init_data(init_data: str, bot_token: str) -> bool:
    parsed = dict(chunk.split('=', 1) for chunk in init_data.split('&'))
    hash_received = parsed.pop('hash', '')
    data_check = '\n'.join(f'{k}={v}' for k, v in sorted(parsed.items()))
    secret = hmac.new(b'WebAppData', bot_token.encode(), hashlib.sha256).digest()
    expected = hmac.new(secret, data_check.encode(), hashlib.sha256).hexdigest()
    return hmac.compare_digest(hash_received, expected)

Как внедрить платежи в Telegram Mini App?

Telegram Payments 2.0 поддерживает ЮKassa, Stripe, PayMaster и ещё ~10 провайдеров. Бот вызывает sendInvoice с provider_token, пользователь платит нативным UI Telegram — просто и быстро. Но есть ограничение: комиссия провайдера + отсутствие криптовалют. Если нужны крипто-платежи или своя эквайринговая схема — платёж инициируется внутри Mini App, открывается страница провайдера (или Deep Link в кошелёк), после успеха возвращаемся через tg.close() с нотификацией через webhook. Мы гарантируем соблюдение политик безопасности Telegram и стандартов PCI DSS.

Как настроить корзину и оформление заказа?

Состояние корзины хранится локально в компоненте React или Vue. Используем tg.MainButton как прилипающую книзу кнопку «Оформить заказ». При нажатии вызываем submitOrder — данные уходят боту, который обрабатывает заказ и отправляет подтверждение. Можно реализовать многошаговую форму с выбором адреса, способа доставки и комментарием.

Каталог и фильтрация

Для каталога с фото и фильтрами Mini App подходит значительно лучше бота. Используем React с react-query для запросов к API, изображения — через CDN с lazy loading. tg.MainButton используем как кнопку «Оформить заказ» — она прилипает к нижнему краю экрана нативно.

tg.MainButton.setText(`Оформить заказ — ${total} ₽`);
tg.MainButton.show();
tg.MainButton.onClick(() => submitOrder(cart, total));

Что входит в работу?

Типичные ошибки при интеграции

• Использование var вместо let/const — глобальное состояние ломает Mini App при перезагрузке.
• Отсутствие верификации initData — уязвимость для подделки данных пользователя.
• Неправильная обработка tg.close() — после оплаты нужно явно закрывать Mini App.

Этапы работы

Определяем, нужен ли чистый бот или Mini App. Затем настраиваем бота через BotFather, разрабатываем API каталога, реализуем Mini App (React/Vue), интегрируем оплату, пишем webhook-обработчики. Тестируем в реальном Telegram-клиенте. Деплой на ваш сервер или облако.

Сроки: 1–2 недели для простого бота с inline-кнопками и sendInvoice. 3–4 недели для полноценного Mini App с каталогом, корзиной и кастомным платёжным флоу. Стоимость рассчитывается индивидуально после анализа требований. Экономия бюджета по сравнению с разработкой нативного приложения может достигать 40%.

Более 5 лет мы специализируемся на Telegram-ботах и реализовали свыше 30 e-commerce проектов. Наш опыт подтверждён успешными кейсами и сертификатами. Свяжитесь с нами для оценки вашего проекта — получите консультацию бесплатно. Оценим проект и предложим оптимальное решение под ключ.

Платежи в мобильных приложениях: In-App Purchase, StoreKit 2, Google Billing, Stripe, RevenueCat

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

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

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

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: платный (бесплатно до $2.5k MRR, дальше процент от дохода), не подходит для очень сложных flow с несколькими storefront-ами или кастомными bundle-ами. Однако для типового SaaS-приложения экономия на собственной разработке составляет $15–30 тыс. — интеграция окупается за 2 месяца.

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.

Стоимость рассчитывается индивидуально исходя из набора инструментов и сложности серверной логики. В среднем мы укладываемся в бюджет $5k–15k на типовую интеграцию, но экономия от предотвращения ошибок и churn окупает эти вложения за 2–3 месяца.

Получите консультацию по вашему проекту — свяжитесь с нами. Мы поможем выбрать оптимальную архитектуру платежей, которая пройдёт ревью сторов и не сломается при пиковых нагрузках.