Inicio rápido del SDK de React Native

Comience a usar el SDK de Pushwoosh para React Native con este ejemplo rápido y sencillo.

Prerrequisitos

Para integrar el SDK de Pushwoosh para React Native en su aplicación, necesitará lo siguiente:

Requirements

• A Pushwoosh account.
• A Pushwoosh project set up in your account.
• For iOS integration:
  • An iOS platform configured to send push notifications. We recommend using the Token-Based Authentication configuration as the simplest approach.
  • During setup, set the Gateway to Sandbox to send pushes to a simulator.
• For Android integration:
  • A configured Android platform
  • The project number(also known as Sender ID) , google-services.json file and package name from your Firebase project.
  • A Firebase project connected to your Android application. Follow the Firebase setup guide if needed.
• Your Pushwoosh Application Code and Pushwoosh Device API Token from the Pushwoosh Control Panel for your application.

Descargar el proyecto de ejemplo

# Clona el repositorio del SDK y navega al proyecto de ejemplo
git clone https://github.com/Pushwoosh/pushwoosh-react-native-plugin.git

# Navega al directorio de ejemplo
cd pushwoosh-react-native-plugin/example/demoapp/

Configurar el proyecto

Instale las dependencias:

npm install

Abra Settings.js y actualice la llamada a Pushwoosh.init:

Pushwoosh.init({ "pw_appid" : "__YOUR_APP_ID__", "project_number":"__YOUR_FCM_SENDER_ID__"});

Reemplace los valores __YOUR_APP_ID__ y __YOUR_FCM_SENDER_ID__ con su Código de Aplicación de Pushwoosh y su Número de Proyecto de Firebase.

iOS

1. Instalar dependencias

Navegue al directorio ios e instale las dependencias:

cd ios && pod install --repo-update

2. Establecer el Identificador de Paquete (Bundle Identifier)

Abra el archivo ios/Runner.xcworkspace en Xcode.

Establezca el Bundle Identifier para cada destino:

• Runner: el nombre del paquete de su aplicación. (p. ej., com.example.pushwoosh)
• NotificationService: el nombre del paquete de su aplicación con .NotificationServiceExtension (p. ej., com.example.pushwoosh.NotificationServiceExtension)

3. Establecer el Token de API

En su ios/Runner/Info.plist, establezca la clave Pushwoosh_API_TOKEN con el Token de API de Dispositivo de Pushwoosh

Android

1. Configurar google-services.json

Copie su archivo google-services.json al directorio android/app

2. Establecer el nombre del paquete

Abra android/app/build.gradle y establezca el applicationId con el nombre del paquete de su aplicación. (p. ej., com.example.pushwoosh)

3. Establecer el Token de API

Abra su archivo android/app/src/main/AndroidManifest.xml y agregue los siguientes metadatos dentro de la etiqueta <application>:

AndroidManifest.xml

<meta-data android:name="com.pushwoosh.apitoken" android:value="__YOUR_PUSHWOOSH_DEVICE_API_TOKEN__" />

Reemplace __YOUR_PUSHWOOSH_DEVICE_API_TOKEN__ con su Token de API de Dispositivo de Pushwoosh.

Ejecutar el proyecto

1. Compile y ejecute el proyecto.
2. La aplicación tendrá dos pestañas: “Acciones” y “Configuración”. Navegue a la pestaña Configuración.
3. Toque el botón Registrarse para Notificaciones Push.
4. Conceda permiso para las notificaciones push. El dispositivo se registrará en Pushwoosh.

Enviar una notificación push

Vuelva al Panel de Control de Pushwoosh y envíe una notificación push a su dispositivo registrado.