Passer au contenu

Démarrage rapide du SDK React Native

Démarrez avec le SDK React Native de Pushwoosh en utilisant cet exemple simple et rapide.

Prérequis

Anchor link to

Pour intégrer le SDK React Native de Pushwoosh dans votre application, vous aurez besoin des éléments suivants :

Télécharger le projet d’exemple

Anchor link to
Terminal window
# Clonez le dépôt du SDK et accédez au projet d'exemple
git clone https://github.com/Pushwoosh/pushwoosh-react-native-plugin.git
# Accédez au répertoire de l'exemple
cd pushwoosh-react-native-plugin/example/demoapp/

Configurer le projet

Anchor link to

Installez les dépendances :

Terminal window
npm install

Ouvrez Settings.js et mettez à jour l’appel Pushwoosh.init :

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

Remplacez les valeurs __YOUR_APP_ID__ et __YOUR_FCM_SENDER_ID__ par votre code d’application Pushwoosh et votre numéro de projet Firebase.

1. Installer les dépendances
Anchor link to

Accédez au répertoire ios et installez les dépendances :

Terminal window
cd ios && pod install --repo-update
2. Définir le Bundle Identifier
Anchor link to

Ouvrez le fichier ios/Runner.xcworkspace dans Xcode.

Définissez le Bundle Identifier pour chaque cible :

  • Runner : le nom de package de votre application (par ex. com.example.pushwoosh)
  • NotificationService : le nom de package de votre application avec .NotificationServiceExtension (par ex. com.example.pushwoosh.NotificationServiceExtension)
3. Définir le jeton d’API
Anchor link to

Dans votre ios/Runner/Info.plist, définissez la clé Pushwoosh_API_TOKEN sur le jeton d’API de l’appareil Pushwoosh.

1. Configurer google-services.json
Anchor link to

Copiez votre fichier google-services.json dans le répertoire android/app.

2. Définir le nom du package
Anchor link to

Ouvrez android/app/build.gradle et définissez l’applicationId sur le nom de package de votre application (par ex. com.example.pushwoosh).

3. Définir le jeton d’API
Anchor link to

Ouvrez votre fichier android/app/src/main/AndroidManifest.xml et ajoutez les métadonnées suivantes à l’intérieur de la balise <application> :

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

Remplacez __YOUR_PUSHWOOSH_DEVICE_API_TOKEN__ par votre jeton d’API de l’appareil Pushwoosh.

Exécuter le projet

Anchor link to
  1. Compilez et exécutez le projet.
  2. L’application aura deux onglets : « Actions » et « Settings ». Accédez à l’onglet Settings.
  3. Appuyez sur le bouton Register for Push Notifications.
  4. Accordez l’autorisation pour les notifications push. L’appareil sera enregistré auprès de Pushwoosh.

Envoyer une notification push

Anchor link to

Retournez dans le Control Panel de Pushwoosh et envoyez une notification push à votre appareil enregistré.