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 suscripciones sin configuración adicional
• Crea y prueba flows y paywalls sin actualizar la app
• Obtén análisis detallados de compras sin configuración: cohortes, LTV, churn y análisis de embudo 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 análisis 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 totalmente compatible con ambos entornos.

Empezar

Esto es lo que cubriremos en la guía de integración:

1. Instala y configura 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 React Native puros.
2. Activa las compras mediante flows: Configura el flujo de compra para que los usuarios puedan adquirir productos. Si prefieres construir tu propia UI, consulta Implementar paywalls manualmente.
3. Comprueba el estado de la suscripción: Verifica automáticamente el estado de la suscripción del usuario y controla su acceso al contenido de pago.
4. Identifica a los usuarios (opcional): Asocia 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 lo que necesita:

• Apps de ejemplo: Consulte nuestros ejemplos completos que muestran 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:

1. Producto - Cualquier cosa disponible para comprar en tu app: suscripción, producto consumible o acceso de por vida.

2. Flow o paywall - Productos agrupados con configuración, vinculados a un placement. Dos variantes:

   • Flow - Interfaz visual sin código construida en Flow Builder. Adapty renderiza la UI y gestiona la compra por ti.
   • Paywall - Sin configuración visual; tú construyes la UI en tu propio código y llamas a makePurchase tú mismo. Consulta Implementar paywalls manualmente.

   En el código del SDK, ambos se recuperan mediante el mismo método getFlow.

3. 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 paywall
   • onboarding - Se muestra durante el flow de onboarding del usuario
   • settings - Accesible desde los ajustes de tu app

   Empieza con los básicos como main u onboarding para tu primera integración, y luego piensa en qué otros puntos de tu app los usuarios podrían estar listos para comprar.

4. 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.