Обзор React Native SDK

Release

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

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

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

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

Note

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

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

Skill для интеграции Adapty SDK выполняет всю интеграцию из вашего AI-инструмента одной командой. Использовать skill

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

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

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

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

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

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

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

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

  1. Продукт — всё, что можно купить в приложении: подписка, расходуемая покупка или пожизненный доступ.

  2. Флоу и пейволы - Продукты в связке с конфигурацией, привязанные к плейсменту. Два способа создания, сравнение в Флоу и пейволы:

    В коде SDK оба варианта получаются через один и тот же метод getFlow.

  3. Плейсмент — стратегическая точка в пользовательском пути, где вы хотите показать флоу или пейвол. Плейсменты отвечают на вопрос «где» и «когда» в вашей стратегии монетизации. Распространённые плейсменты:

    • main — основное место показа пейвола
    • onboarding — показывается в процессе онбординга
    • settings — доступен из настроек приложения

    Начните с базовых вариантов — main или onboarding — при первой интеграции, а затем подумайте, в каких ещё местах приложения пользователи могут быть готовы к покупке.

  4. Профиль - Когда пользователи приобретают продукт, их профилю присваивается уровень доступа, который вы используете для определения доступа к платным функциям.