Обзор React Native SDK

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

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

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

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

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

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

Смотрите на практике

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

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

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

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

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

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

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

   • Флоу — визуальный no-code интерфейс, созданный в Flow Builder. Adapty отрисовывает UI и обрабатывает покупку за вас.
   • Пейвол — без визуальной конфигурации; вы строите UI в собственном коде и сами вызываете makePurchase. См. Реализация пейволов вручную.

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

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

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

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

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