Descripción general del SDK de React Native

Release

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

Note

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 skill

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

  1. 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.
  2. 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.
  3. 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.
  4. 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:

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

  2. Flows y paywalls - Productos agrupados con configuración, vinculados a un placement. Dos formas de crearlos, comparadas en Flows y paywalls:

    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.