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 toPour 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# Clonez le dépôt du SDK et accédez au projet d'exemplegit clone https://github.com/Pushwoosh/pushwoosh-react-native-plugin.git
# Accédez au répertoire de l'exemplecd pushwoosh-react-native-plugin/example/demoapp/
Configurer le projet
Anchor link toInstallez les dépendances :
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 toAccédez au répertoire ios et installez les dépendances :
cd ios && pod install --repo-update
2. Définir le Bundle Identifier
Anchor link toOuvrez 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 toDans votre ios/Runner/Info.plist
, définissez la clé Pushwoosh_API_TOKEN
sur le jeton d’API de l’appareil Pushwoosh.
Android
Anchor link to1. Configurer google-services.json
Anchor link toCopiez votre fichier google-services.json
dans le répertoire android/app.
2. Définir le nom du package
Anchor link toOuvrez 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 toOuvrez votre fichier android/app/src/main/AndroidManifest.xml et ajoutez les métadonnées suivantes à l’intérieur de la balise <application>
:
<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- Compilez et exécutez le projet.
- L’application aura deux onglets : « Actions » et « Settings ». Accédez à l’onglet Settings.
- Appuyez sur le bouton Register for Push Notifications.
- Accordez l’autorisation pour les notifications push. L’appareil sera enregistré auprès de Pushwoosh.
Envoyer une notification push
Anchor link toRetournez dans le Control Panel de Pushwoosh et envoyez une notification push à votre appareil enregistré.