Разработка мобильного приложения для интернет-магазина под ключ

Разработка мобильного приложения для интернет-магазина под ключ

Мобильное приложение интернет-магазина конкурирует не с вашим сайтом — оно конкурирует с приложениями OZON, Wildberries и Rozetka. Пользователь привык к определённому UX: быстрый поиск, плавный скролл каталога, мгновенный checkout. Любое отклонение от известного паттерна ведёт к потере клиентов. Мы разрабатываем e-commerce приложения, которые не уступают лидерам рынка, и упаковываем их в понятный процесс с гарантией результата. Средняя конверсия на мобильных устройствах — 2.5–3%, что выше десктопных показателей, а приложения с push-уведомлениями удерживают на 35% больше пользователей. Получите консультацию и точную оценку вашего проекта — напишите нам.

Почему каталог тормозит и как это исправить?

Самое частое узкое место — экран каталога с изображениями. UICollectionView на iOS или LazyVerticalGrid в Flutter дёргаются при скролле, если декодирование изображений синхронное. Решение: SDWebImage (iOS) / Coil (Android) с кэшированием на диск и prefetch через UICollectionViewDataSourcePrefetching / PagingSource. На React Native — FlashList вместо FlatList для больших списков: виртуализация работает корректнее, нет проблем с keyExtractor и getItemLayout. FlashList лучше FlatList в 2 раза по производительности в тестах Scroll Performance.

Изображения товаров — главная причина большого размера загружаемых данных. Используем WebP (на 25–30% компактнее JPEG при сравнимом качестве), lazy loading, размер под реальный UIImageView — не грузим 2000x2000 для превью 150x150. Это экономит трафик до 30% и ускоряет загрузку.

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

Строка поиска с дебаунсом 300ms → запрос к search endpoint (Elasticsearch/Meilisearch на бэкенде). Автодополнение по популярным запросам и названиям товаров. История поиска хранится в UserDefaults/DataStore Preferences.

Фильтры — отдельный экран (bottom sheet или модал): категория, цена (RangeSlider), бренд, размер, цвет. Применение фильтра не перезагружает весь каталог — только обновляем URL-параметры запроса и показываем skeleton-loader пока грузятся новые результаты. Активные фильтры — чипы над каталогом с крестиком для быстрого снятия. Это стандарт e-commerce, без которого пользователь теряется.

Корзина и checkout: что внутри?

Корзина синхронизируется с сервером — не только в UserDefaults. Пользователь добавил товар на телефоне, открыл приложение на планшете — видит ту же корзину. Механизм: при каждом изменении (add/remove/quantity) — PATCH /cart в фоне. При открытии экрана корзины — GET /cart для sync.

Checkout — критический флоу. Максимальное количество шагов: адрес → доставка → оплата → подтверждение. Все данные, которые можно предзаполнить — предзаполняем (адрес из профиля, сохранённая карта). Apple Pay/Google Pay — добавляем обязательно: по данным Stripe, конверсия checkout с ними на 15–20% выше. One-tap checkout для возвращающихся пользователей: сохранённый адрес + saved card → один экран подтверждения.

Личный кабинет, отзывы и push-уведомления

История заказов — пагинированный список с фильтром по статусу. Детальная страница заказа: товары, трекинг доставки, возможность отменить или оформить возврат. Трекинг — либо через API службы доставки (СДЭК, Почта России, Nova Post), либо ссылка на сайт.

Push-уведомления по статусу заказа — обязательны: «Ваш заказ отправлен», «Заказ прибыл в пункт выдачи». Используем FCM + APNs с rich notifications (фото товара в уведомлении).

Отзыв с фото: пользователь грузит с галереи или камеры. Upload через pre-signed S3 URL напрямую с устройства (не через сервер — экономим трафик и время). Рейтинг товара — звёзды + количество отзывов в карточке и на детальной странице. Отзывы с фото увеличивают конверсию покупки на 10%.

Как проходит разработка?

1. Аналитика и прототипирование — изучаем бизнес-логику, целевые сценарии, конкурентов. Собираем требования к каталогу, поиску, корзине, checkout.
2. Дизайн UX/UI — создаём пользовательские флоу в Figma, утверждаем с заказчиком. Учитываем гайдлайны App Store и Google Play.
3. Разработка — параллельная работа над iOS и Android (или кроссплатформенный стек). Каждый модуль покрывается unit-тестами.
4. Интеграция с бэкендом — подключаем API для товаров, корзины, заказов. Используем GraphQL или REST.
5. Тестирование — QA на реальных устройствах, проверка производительности, совместимость с версиями ОС.
6. Деплой в магазины — загрузка в App Store Connect и Google Play Console, прохождение модерации.
7. Пост-релизная поддержка — мониторинг crash-репортов, обновления под новые версии ОС.

Что входит в результат?

• Исходный код с комментариями и документацией API
• Схемы экранов и пользовательские сценарии
• Доступы к App Store Connect и Google Play Console
• Настроенные push-уведомления и аналитика (Firebase / Amplitude)
• Инструкция по эксплуатации для вашей команды
• 2 недели бесплатной поддержки после запуска

Наш опыт — более 5 лет в мобильной разработке и 50+ реализованных проектов для e-commerce. Мы знаем, как пройти модерацию App Store и Google Play без лишних итераций. Закажите разработку и получите консультацию эксперта — просто напишите нам.

Ориентиры по срокам

MVP (каталог, поиск, корзина, checkout с одним платёжным методом, история заказов): 4–8 недель. Полноценное приложение с отзывами, wishlists, программой лояльности, трекингом и push-кампаниями: 2–4 месяца. Стоимость рассчитывается индивидуально, но мы всегда даём прозрачную смету до старта работ. Свяжитесь с нами для бесплатной оценки вашего проекта.

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

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