Senden Sie eine Testnachricht an eine Hintergrund-App

Um mit FCM zu beginnen, erstellen Sie den einfachsten Anwendungsfall: Senden einer Benachrichtigung an einen bestimmten Benutzer, wenn die App im Hintergrund auf dem Gerät läuft. Auf dieser Seite sind alle Schritte , dies zu erreichen, von der Einrichtung zur Überprüfung - es kann Schritte decken Sie bereits , wenn Sie abgeschlossen haben einen JavaScript - Client - Anwendung einrichten für FCM.

SDK einrichten

Wenn Sie nicht bereits haben, fügen Sie Firebase zu Ihrem JavaScript - Projekt .

Greifen Sie auf das Registrierungstoken zu

Wenn Sie die aktuelle Registrierung für eine App - Instanz Token abrufen müssen, rufen getToken . Wenn keine Benachrichtigungsberechtigung erteilt wurde, fragt diese Methode den Benutzer nach Benachrichtigungsberechtigungen. Andernfalls wird ein Token zurückgegeben oder die Zusage aufgrund eines Fehlers abgelehnt.

Der Messaging - Dienst erfordert eine firebase-messaging-sw.js Datei. Sofern Sie nicht bereits eine haben firebase-messaging-sw.js Datei, eine leere Datei mit diesem Namen erstellen und sie in der Wurzel Ihrer Domain platzieren , bevor ein Token abruft. Sie können der Datei später im Client-Setup-Prozess sinnvolle Inhalte hinzufügen.

So rufen Sie das aktuelle Token ab:

Webversion 9

import { getMessaging, getToken } from "firebase/messaging";

// Get registration token. Initially this makes a network call, once retrieved
// subsequent calls to getToken will return from cache.
const messaging = getMessaging();
getToken(messaging, { vapidKey: '<YOUR_PUBLIC_VAPID_KEY_HERE>' }).then((currentToken) => {
  if (currentToken) {
    // Send the token to your server and update the UI if necessary
    // ...
  } else {
    // Show permission request UI
    console.log('No registration token available. Request permission to generate one.');
    // ...
  }
}).catch((err) => {
  console.log('An error occurred while retrieving token. ', err);
  // ...
});

Webversion 8

// Get registration token. Initially this makes a network call, once retrieved
// subsequent calls to getToken will return from cache.
messaging.getToken({ vapidKey: '<YOUR_PUBLIC_VAPID_KEY_HERE>' }).then((currentToken) => {
  if (currentToken) {
    // Send the token to your server and update the UI if necessary
    // ...
  } else {
    // Show permission request UI
    console.log('No registration token available. Request permission to generate one.');
    // ...
  }
}).catch((err) => {
  console.log('An error occurred while retrieving token. ', err);
  // ...
});

Nachdem Sie das Token erhalten haben, senden Sie es an Ihren App-Server und speichern Sie es mit Ihrer bevorzugten Methode.

Senden Sie eine Testbenachrichtigungsnachricht

  1. Installieren Sie die App und führen Sie sie auf dem Zielgerät aus.

  2. Stellen Sie sicher, dass sich die App auf dem Gerät im Hintergrund befindet.

  3. Öffnen Sie die Benachrichtigungen Komponist und wählen Sie Neue Mitteilung.

  4. Geben Sie den Nachrichtentext ein.

  5. Wählen Sie Senden Testnachricht.

  6. Im Feld mit der Bezeichnung eines FCM Registrierungstoken hinzufügen, geben Sie den Registrierungstoken Sie in einem früheren Abschnitt dieses Handbuchs erhalten.

  7. klicken Sie auf Test

Nachdem Sie auf Test sollte das gezielte Client - Gerät (mit der App im Hintergrund) die Benachrichtigung im Browser erhalten.

Nächste Schritte

Nachrichten an Apps im Vordergrund senden

Nach dem erfolgreichen Anmeldung Nachrichten , während der App im Hintergrund gesendet hat, siehe Empfangen von Nachrichten in einem JavaScript - Client zu Vordergrund Apps loszulegen senden.

Gehen Sie über Benachrichtigungen hinaus

Wenn Sie über Benachrichtigungen hinausgehen und Ihrer App andere, erweiterte Verhaltensweisen hinzufügen möchten, lesen Sie: