Обзор React Native SDK

Добро пожаловать! Мы здесь, чтобы сделать встроенные покупки простыми 🚀

Мы создали Adapty React Native SDK, чтобы избавить вас от головной боли со встроенными покупками и дать вам сосредоточиться на главном — разработке крутых приложений. Вот что мы берём на себя:

Обрабатывать покупки, валидацию чеков и управление подписками из коробки
Создавать и тестировать флоу и пейволы без обновления приложения
Получать детальную аналитику покупок без настройки — когорты, LTV, отток и воронки включены
Поддерживать актуальный статус подписки пользователя во всех сессиях и на всех устройствах
Интегрировать приложение с сервисами маркетинговой атрибуции и аналитики одной строкой кода

Независимо от того, построено ли ваше приложение на Expo или чистом React Native, SDK Adapty полностью поддерживает оба окружения.

Note

Прежде чем приступить к коду, нужно интегрировать Adapty с App Store Connect и Google Play Console, а затем настроить продукты в дашборде. Ознакомьтесь с нашим гайдом по быстрому старту, чтобы сначала всё настроить.

Начало работы

Вот что мы рассмотрим в этом руководстве по интеграции:

Установите и настройте SDK: добавьте SDK как зависимость в проект и активируйте его в коде. Adapty работает как в Expo, так и в чистых React Native-проектах.
Настройте покупки через флоу: настройте процесс покупки, чтобы пользователи могли приобретать продукты. Если хотите создать собственный UI, см. Реализация пейволов вручную.
Проверьте статус подписки: автоматически проверяйте состояние подписки пользователя и управляйте его доступом к платному контенту.
Идентифицируйте пользователей (опционально): связывайте пользователей с их профилями Adapty, чтобы их данные корректно хранились на всех устройствах.

Смотрите в действии

Хотите увидеть, как это работает на практике? Мы всё подготовили:

Примеры приложений: посмотрите наши полные примеры с полной настройкой
Видеоурок: следите за пошаговой реализацией в видео ниже

Основные понятия

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

Главная идея подхода Adapty в том, что в коде приложения жёстко закреплены только плейсменты. Всё остальное — продукты, дизайн пейволов, цены и офферы — можно гибко менять из дашборда Adapty без обновления приложения:

Продукт — всё, что можно купить в приложении: подписка, расходуемая покупка или пожизненный доступ.
Флоу или пейвол — продукты с конфигурацией, привязанные к плейсменту. Два варианта:
- Флоу — визуальный no-code интерфейс, созданный в Flow & Paywall Builder. Adapty сам отрисовывает UI и обрабатывает покупку.
- Пейвол — без визуальной конфигурации; вы строите UI в своём коде и самостоятельно вызываете makePurchase. См. Ручная реализация пейволов.
В коде SDK оба варианта получаются через один и тот же метод getFlow.
Плейсмент — стратегическая точка в пользовательском пути, где вы хотите показать флоу или пейвол. Плейсменты отвечают на вопрос «где» и «когда» в вашей стратегии монетизации. Распространённые плейсменты:
- main — основное место показа пейвола
- onboarding — показывается в процессе онбординга
- settings — доступен из настроек приложения
Начните с базовых вариантов — main или onboarding — при первой интеграции, а затем подумайте, в каких ещё местах приложения пользователи могут быть готовы к покупке.
Профиль - Когда пользователи приобретают продукт, их профилю присваивается уровень доступа, который вы используете для определения доступа к платным функциям.