React Native SDK Schnellstart

Starten Sie mit dem Pushwoosh React Native SDK mit diesem schnellen und einfachen Beispiel.

Voraussetzungen

Um das Pushwoosh React Native SDK in Ihre App zu integrieren, benötigen Sie Folgendes:

Anforderungen

• Ein Pushwoosh-Konto.
• Ein Pushwoosh-Projekt, das in Ihrem Konto eingerichtet ist.
• Für die iOS-Integration:
  • Eine iOS-Plattform, die für den Versand von Push-Benachrichtigungen konfiguriert ist. Wir empfehlen, die Konfiguration für die Token-basierte Authentifizierung als einfachsten Ansatz zu verwenden.
  • Stellen Sie während der Einrichtung das Gateway auf Sandbox ein, um Push-Benachrichtigungen an einen Simulator zu senden.
• Für die Android-Integration:
  • Eine konfigurierte Android-Plattform
  • Die Datei google-services.json und der package name aus Ihrem Firebase-Projekt.
  • Ein Firebase-Projekt, das mit Ihrer Android-Anwendung verbunden ist. Folgen Sie bei Bedarf der Firebase-Einrichtungsanleitung.
• Ihr Pushwoosh Application Code und Ihr Pushwoosh Device API Token aus dem Pushwoosh Control Panel für Ihre Anwendung.

Laden Sie das Beispielprojekt herunter

# Klonen Sie das SDK-Repository und navigieren Sie zum Beispielprojekt
git clone https://github.com/Pushwoosh/pushwoosh-react-native-plugin.git

# Navigieren Sie zum Beispielverzeichnis
cd pushwoosh-react-native-plugin/example/demoapp/

Konfigurieren Sie das Projekt

Installieren Sie die Abhängigkeiten:

npm install

Öffnen Sie Settings.js und aktualisieren Sie den Pushwoosh.init-Aufruf:

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

Ersetzen Sie __YOUR_APP_ID__ durch Ihren Pushwoosh App Code.

iOS

1. Abhängigkeiten installieren

Navigieren Sie zum ios-Verzeichnis und installieren Sie die Abhängigkeiten:

cd ios && pod install --repo-update

2. Setzen Sie den Bundle Identifier

Öffnen Sie die Datei ios/Runner.xcworkspace in Xcode.

Setzen Sie den Bundle Identifier für jedes Ziel:

• Runner: der Paketname Ihrer App. (z.B. com.example.pushwoosh)
• NotificationService: der Paketname Ihrer App mit .NotificationServiceExtension (z.B. com.example.pushwoosh.NotificationServiceExtension)

3. Setzen Sie den API-Token

Setzen Sie in Ihrer ios/Runner/Info.plist den Schlüssel Pushwoosh_API_TOKEN auf den Pushwoosh Device API Token

Android

1. Richten Sie google-services.json ein

Kopieren Sie Ihre google-services.json-Datei in das Verzeichnis android/app.

2. Setzen Sie den Paketnamen

Öffnen Sie android/app/build.gradle und setzen Sie die applicationId auf den Paketnamen Ihrer App. (z.B. com.example.pushwoosh)

3. Setzen Sie den API-Token

Öffnen Sie Ihre Datei android/app/src/main/AndroidManifest.xml und fügen Sie die folgenden Metadaten innerhalb des <application>-Tags hinzu:

AndroidManifest.xml

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

Ersetzen Sie __YOUR_PUSHWOOSH_DEVICE_API_TOKEN__ durch Ihren Pushwoosh Device API Token.

Führen Sie das Projekt aus

1. Erstellen und führen Sie das Projekt aus.
2. Die App wird zwei Tabs haben: „Actions“ und „Settings“. Navigieren Sie zum Tab Settings.
3. Tippen Sie auf die Schaltfläche Register for Push Notifications.
4. Erteilen Sie die Erlaubnis für Push-Benachrichtigungen. Das Gerät wird bei Pushwoosh registriert.

Senden Sie eine Push-Benachrichtigung

Gehen Sie zurück zum Pushwoosh Control Panel und senden Sie eine Push-Benachrichtigung an Ihr registriertes Gerät.