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 Adapty para React Native para que las compras in-app no sean un dolor de cabeza y puedas centrarte en lo que mejor sabes hacer: crear aplicaciones increíbles. Esto es lo que gestionamos por ti:
- Gestiona compras, validación de recibos y administración de suscripciones sin configuración adicional
- Crea y prueba flows y paywalls sin actualizar la app
- Obtén analíticas de compras detalladas sin ninguna configuración: cohortes, LTV, churn y análisis de embudos incluidos
- Mantén el estado de suscripción del usuario siempre actualizado entre sesiones y dispositivos
- Integra tu app con servicios de atribución de marketing y analíticas con una sola línea de código
Tanto si tu app está construida con Expo como con React Native puro, el SDK de Adapty es completamente 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 configurarlo todo primero.
Empezar
La skill de integración del SDK de Adapty realiza toda la integración desde tu herramienta de IA con un solo comando. Usar la skillEsto 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 proyectos de React Native puro.
- Activar compras con flows y paywalls: Configura el flujo de compra para que los usuarios puedan adquirir productos. Si prefieres crear tu propia UI, consulta Implementar paywalls personalizados.
- Comprobar el estado de la suscripción: Verifica automáticamente el estado de 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 garantizar que sus datos se almacenen de forma coherente en todos los dispositivos.
Véalo en acción
¿Quiere ver cómo encaja todo? Aquí tiene:
- Apps de ejemplo: Consulte nuestros ejemplos completos con la configuración completa
- Tutorial en vídeo: Siga la implementación paso a paso en el vídeo de abajo
Conceptos principales
Antes de entrar en el código, familiarízate con los conceptos clave que hacen funcionar a Adapty.
Lo interesante del enfoque de Adapty es que solo los placements están hardcodeados en tu app. Todo lo demás —productos, diseños de paywall, precios y ofertas— se puede gestionar de forma flexible desde el Adapty Dashboard sin necesidad de actualizar la app:
-
Producto - Cualquier cosa disponible para comprar en tu app: suscripción, producto consumible o acceso de por vida.
-
Flows y paywalls - Productos agrupados con configuración, vinculados a un placement. Dos formas de crearlos, comparadas en Flows y paywalls:
- Flow & Paywall Builder - Interfaz visual sin código. Adapty renderiza la UI y gestiona la compra por ti.
- Paywalls personalizados - Sin configuración visual; construyes la UI en tu propio código y llamas a
makePurchasetú mismo. Consulta Implementar paywalls personalizados.
En el código del SDK, ambos se recuperan mediante el mismo método
getFlow. -
Placement - Un punto estratégico en el recorrido del usuario donde quieres mostrar un flow o paywall. Piensa en los placements como el “dónde” y el “cuándo” de tu estrategia de monetización. Los placements más comunes son:
main- Tu ubicación principal de paywallonboarding- Se muestra durante el flow 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 utilizas para definir el acceso a las funciones de pago.