Usar paywalls de respaldo en un proyecto React Native puro

Para mantener una experiencia de usuario fluida, es importante configurar respaldos para tus flows, paywalls y onboardings. Esta precaución amplía las capacidades de la aplicación en caso de pérdida parcial o total de la conexión a internet.

• Si la aplicación no puede acceder a los servidores de Adapty:

  Podrá mostrar un flow o paywall de respaldo, y acceder a la configuración local del onboarding.

• Si la aplicación no puede acceder a internet:

  Podrá mostrar un flow o paywall de respaldo. Los onboardings incluyen contenido remoto y requieren conexión a internet para funcionar.

Descargar paywalls de respaldo en tu proyecto

El archivo de paywall de respaldo se puede incluir en el proyecto de las siguientes maneras:

Establecer paywalls de respaldo en el código

Para utilizar los paywalls de respaldo, llama al método .setFallbackPaywalls(). Es mejor hacerlo justo después de la configuración del SDK.

await adapty.setFallbackPaywalls(require('./AdaptyPaywallResources/fallback_paywalls.json'));

Los parámetros que debes pasar al método .setFallbackPaywalls():

Para mantener una experiencia de usuario fluida, es importante configurar respaldos para tus flows, paywalls y onboardings. Esta precaución amplía las capacidades de la aplicación en caso de pérdida parcial o total de la conexión a internet.

• Si la aplicación no puede acceder a los servidores de Adapty:

  Podrá mostrar un flow o paywall de respaldo, y acceder a la configuración local del onboarding.

• Si la aplicación no puede acceder a internet:

  Podrá mostrar un flow o paywall de respaldo. Los onboardings incluyen contenido remoto y requieren conexión a internet para funcionar.

Configuración

Android

1. Añade el archivo de configuración de respaldo a tu aplicación. Elige uno de los siguientes directorios:

   • android/app/src/main/assets/

   • android/app/src/main/res/raw/

     Nota: La carpeta res/raw tiene una convención de nomenclatura especial (los nombres deben empezar por una letra, sin mayúsculas, sin caracteres especiales excepto el guión bajo y sin espacios).

2. Actualiza la propiedad android de la constante FileLocation:
   • Si el archivo está en el directorio assets, indica la ruta del archivo relativa a ese directorio.
   • Si el archivo está en el directorio res/raw, indica el nombre del archivo sin extensión.

iOS

1. Añade el archivo JSON de respaldo al bundle de tu proyecto: abre el menú File en XCode y selecciona la opción Add Files to “YourProjectName”.
2. Pasa el nombre de tu archivo de configuración a la propiedad ios de la constante FileLocation.

Ejemplo

//after v3.8
const fileLocation = {
  ios: {
    fileName: 'ios_fallback.json'
  },
  android: {
    //if the file is located in 'android/app/src/main/assets/'
    relativeAssetPath: 'android_fallback.json'
  }
}
await adapty.setFallback(fileLocation);

//Legacy (before v3.8)
const paywallsLocation = {
  ios: {
    fileName: 'ios_fallback.json'
  },
  android: {
    //if the file is located in 'android/app/src/main/assets/'
    relativeAssetPath: 'android_fallback.json'
  }
}
await adapty.setFallbackPaywalls(paywallsLocation);