Обзор React Native SDK
Добро пожаловать! Мы здесь, чтобы сделать встроенные покупки простыми 🚀
Мы создали Adapty React Native SDK, чтобы избавить вас от головной боли со встроенными покупками и дать вам сосредоточиться на главном — разработке крутых приложений. Вот что мы берём на себя:
- Обработка покупок, валидация чеков и управление подписками — всё готово из коробки
- Создание и тестирование флоу и пейволов без обновления приложения
- Детальная аналитика покупок без настройки — когорты, LTV, отток и воронки в комплекте
- Статус подписки пользователя всегда актуален в разных сессиях и на разных устройствах
- Интеграция с сервисами маркетинговой атрибуции и аналитики буквально в одну строку кода
Независимо от того, построено ли ваше приложение на Expo или на чистом React Native, SDK Adapty полностью поддерживает оба окружения.
Прежде чем приступить к коду, нужно интегрировать Adapty с App Store Connect и Google Play Console, а затем настроить продукты в дашборде. Ознакомьтесь с нашим гайдом по быстрому старту, чтобы сначала всё настроить.
Начало работы
Skill для интеграции Adapty SDK выполняет всю интеграцию из вашего AI-инструмента одной командой. Использовать skillВот что мы рассмотрим в этом руководстве по интеграции:
- Установите и настройте SDK: Добавьте SDK как зависимость в проект и активируйте его в коде. Adapty работает как в Expo, так и в чистых React Native проектах.
- Включите покупки с помощью флоу и пейволов: Настройте процесс покупки, чтобы пользователи могли приобретать продукты. Если вы хотите создать собственный UI, см. Реализация кастомных пейволов.
- Проверьте статус подписки: Автоматически проверяйте состояние подписки пользователя и управляйте его доступом к платному контенту.
- Идентифицируйте пользователей (опционально): Свяжите пользователей с их профилями Adapty, чтобы их данные корректно сохранялись на всех устройствах.
Смотрите в действии
Хотите увидеть, как это работает на практике? Мы всё подготовили:
- Примеры приложений: посмотрите наши полные примеры с полной настройкой
- Видеоурок: следите за пошаговой реализацией в видео ниже
Основные понятия
Прежде чем погружаться в код, давайте разберёмся с ключевыми понятиями, на которых строится Adapty.
Главная идея подхода Adapty в том, что в коде приложения жёстко закреплены только плейсменты. Всё остальное — продукты, дизайн пейволов, цены и офферы — можно гибко менять из дашборда Adapty без обновления приложения:
-
Продукт — всё, что можно купить в приложении: подписка, расходуемая покупка или пожизненный доступ.
-
Флоу и пейволы - Продукты в связке с конфигурацией, привязанные к плейсменту. Два способа создания, сравнение в Флоу и пейволы:
- Flow & Paywall Builder - Визуальный no-code редактор. Adapty сам отрисовывает UI и обрабатывает покупку.
- Кастомные пейволы - Без визуальной конфигурации; вы строите UI в своём коде и сами вызываете
makePurchase. См. Реализация кастомных пейволов.
В коде SDK оба варианта получаются через один и тот же метод
getFlow. -
Плейсмент — стратегическая точка в пользовательском пути, где вы хотите показать флоу или пейвол. Плейсменты отвечают на вопрос «где» и «когда» в вашей стратегии монетизации. Распространённые плейсменты:
main— основное место показа пейволаonboarding— показывается в процессе онбордингаsettings— доступен из настроек приложения
Начните с базовых вариантов —
mainилиonboarding— при первой интеграции, а затем подумайте, в каких ещё местах приложения пользователи могут быть готовы к покупке. -
Профиль - Когда пользователи приобретают продукт, их профилю присваивается уровень доступа, который вы используете для определения доступа к платным функциям.