Passer au contenu

Démarrage rapide du SDK Cordova

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

Prérequis

Anchor link to

Pour intégrer le SDK Cordova 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 naviguez jusqu'au projet d'exemple
git clone https://github.com/Pushwoosh/pushwoosh-phonegap-plugin.git
# Naviguez jusqu'au répertoire de l'exemple
cd pushwoosh-phonegap-plugin/example/newdemo/

Configurer le projet

Anchor link to

Installez les dépendances :

Terminal window
npm i

Ajoutez le plugin Pushwoosh :

Terminal window
cordova plugin add ../../ --link --nofetch

Ouvrez www/js/index.js et mettez à jour l’appel pushwoosh.onDeviceReady :

pushwoosh.onDeviceReady({
appid: "XXXXX-XXXXX",
projectid: "XXXXXXXXXXXXXXX"
});

Remplacez les valeurs appid et projectid par votre Code d’Application Pushwoosh et votre Numéro de Projet Firebase.

1. Définir l’identifiant de l’ensemble (Bundle Identifier)
Anchor link to

Ouvrez le fichier platforms/ios/newdemo.xcworkspace dans Xcode.

Définissez le Bundle Identifier pour chaque cible :

  • newdemo : le nom de package de votre application. (ex. com.example.pushwoosh)
2. Ajouter des capacités
Anchor link to

Pour activer les notifications Push, vous devez ajouter certaines capacités.

Dans la section Signing & Capabilities, ajoutez les capacités suivantes :

  • Push Notifications
  • Background Modes. Après avoir ajouté cette capacité, cochez la case Remote notifications.
3. Définir le jeton d’API
Anchor link to

Dans votre fichier ios/newdemo/Info.plist, définissez la clé Pushwoosh_API_TOKEN sur le jeton d’API de l’appareil Pushwoosh (Device API Token)

1. Configurer google-services.json
Anchor link to

Copiez votre fichier google-services.json dans le répertoire racine du projet

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

Ouvrez android/app/build.gradle et définissez l’applicationId sur le nom du package de votre application. (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 (Device API Token).

Exécuter le projet

Anchor link to
  1. Compilez et exécutez le projet.
  2. Activez l’interrupteur Register for notifications.
  3. Accordez l’autorisation pour les notifications push. L’appareil sera enregistré auprès de Pushwoosh.

Envoyer une notification push

Anchor link to

Retournez au Panneau de Contrôle Pushwoosh et envoyez une notification push à votre appareil enregistré.