Descripción general del SDK de React Native
¡Bienvenido! Estamos aquí para que las compras in-app sean pan comido 🚀
Hemos creado el SDK de React Native de Adapty para que no tengas que preocuparte por las compras in-app y puedas centrarte en lo que mejor se te da: crear aplicaciones increíbles. Esto es lo que gestionamos por ti:
- Gestiona compras, validación de recibos y suscripciones de forma nativa
- Crea y prueba paywalls sin necesidad de actualizar la app
- Obtén analíticas de compras detalladas sin ninguna configuración: cohortes, LTV, churn y análisis de embudo incluidos
- Mantén el estado de la suscripción del usuario siempre actualizado entre sesiones y dispositivos
- Integra tu app con servicios de atribución de marketing y analítica con una sola línea de código
Ya sea que tu app esté construida con Expo o con React Native puro, el SDK de Adapty es compatible con ambos entornos.
Antes de entrar en el código, necesitarás integrar Adapty con App Store Connect y Google Play Console, y luego configurar los productos en el dashboard. Consulta nuestra guía de inicio rápido para tener todo configurado primero.
Primeros pasos
Nuestra documentación está optimizada para usarse con LLMs. Consulta este artículo para aprender cómo obtener los mejores resultados al integrar el SDK de Adapty usando IA con nuestra documentación.
Esto es lo que cubriremos en la guía de integración:
- Instalar y configurar el SDK: Añade el SDK como dependencia a tu proyecto y actívalo en el código. Adapty funciona tanto en proyectos Expo como en React Native puro.
- Habilitar compras a través de paywalls: Configura el flujo de compra para que los usuarios puedan adquirir productos.
- Comprobar el estado de la suscripción: Comprueba automáticamente el estado de la suscripción del usuario y controla su acceso al contenido de pago.
- Identificar usuarios (opcional): Asocia a los usuarios con sus perfiles de Adapty para que sus datos se almacenen de forma coherente en todos los dispositivos.
Véalo en acción
¿Quieres ver cómo encaja todo? Te tenemos cubierto:
- Apps de ejemplo: Consulta nuestros ejemplos completos que demuestran la configuración completa
- Tutorial en vídeo: Sigue nuestra implementación paso a paso en el vídeo de abajo
Conceptos principales
Antes de entrar en el código, familiarícémonos con los conceptos clave que hacen funcionar Adapty.
La ventaja del enfoque de Adapty es que solo los placements están codificados en tu app. Todo lo demás —productos, diseños de paywalls, precios y ofertas— se puede gestionar de forma flexible desde el Adapty Dashboard sin actualizar la app:
-
Producto - Cualquier cosa disponible para comprar en tu app: suscripción, producto consumible o acceso de por vida.
-
Paywall - La única forma de obtener productos de Adapty y aprovechar todo su potencial. Lo hemos diseñado así para facilitar el seguimiento de cómo las distintas combinaciones de productos afectan a tus métricas de monetización. Un paywall en Adapty actúa tanto como un conjunto específico de tus productos como la configuración visual que los acompaña.
-
Placement - Un punto estratégico en el recorrido del usuario donde quieres mostrar un paywall. Piensa en los placements como el «dónde» y el «cuándo» de tu estrategia de monetización. Los placements más habituales son:
main- La ubicación principal de tu paywallonboarding- Se muestra durante el flujo de onboarding del usuariosettings- Accesible desde los ajustes de tu app
Empieza con los básicos como
mainuonboardingpara tu primera integración, y luego piensa en qué otros puntos de tu app los usuarios podrían estar listos para comprar. -
Perfil - Cuando los usuarios compran un producto, a su perfil se le asigna un nivel de acceso que usas para definir el acceso a las funcionalidades de pago.