Senden Sie eine Testnachricht an eine App im Hintergrund

Um mit FCM zu beginnen, erstellen Sie den einfachsten Anwendungsfall: Senden einer Benachrichtigung an einen bestimmten Benutzer, wenn sich die App auf dem Gerät im Hintergrund befindet. Diese Seite listet alle Schritte auf, um dies zu erreichen, von der Einrichtung bis zur Überprüfung – sie kann Schritte abdecken, die Sie bereits ausgeführt haben, wenn Sie eine JavaScript-Client-App für FCM eingerichtet haben.

Richten Sie das SDK ein

Falls noch nicht geschehen, fügen Sie Firebase zu Ihrem JavaScript-Projekt hinzu .

Greifen Sie auf das Registrierungstoken zu

Wenn Sie das aktuelle Registrierungstoken für eine App-Instanz abrufen müssen, fordern Sie zunächst mit Notification.requestPermission() Benachrichtigungsberechtigungen vom Benutzer an. Wenn es wie gezeigt aufgerufen wird, gibt es ein Token zurück, wenn die Erlaubnis erteilt wird, oder lehnt das Versprechen ab, wenn es verweigert wird:

function requestPermission() {
  console.log('Requesting permission...');
  Notification.requestPermission().then((permission) => {
    if (permission === 'granted') {
      console.log('Notification permission granted.');

FCM erfordert eine firebase-messaging-sw.js Datei. Sofern Sie nicht bereits über eine firebase-messaging-sw.js Datei verfügen, erstellen Sie eine leere Datei mit diesem Namen und platzieren Sie sie im Stammverzeichnis Ihrer Domäne, bevor Sie ein Token abrufen. Sie können der Datei später während des Client-Setup-Prozesses aussagekräftigen Inhalt hinzufügen.

So rufen Sie das aktuelle Token ab:

Web version 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);
  // ...
});

Web version 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 Testbenachrichtigung

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

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

  3. Öffnen Sie den Benachrichtigungs-Composer und wählen Sie Neue Benachrichtigung aus.

  4. Geben Sie den Nachrichtentext ein.

  5. Wählen Sie Testnachricht senden aus .

  6. Geben Sie im Feld FCM-Registrierungstoken hinzufügen das Registrierungstoken ein , das Sie in einem vorherigen Abschnitt dieses Handbuchs erhalten haben.

  7. Klicken Sie auf Testen

Nachdem Sie auf Test geklickt haben, sollte das Zielclientgerät (mit der App im Hintergrund) die Benachrichtigung im Browser erhalten.

Nächste Schritte

Senden Sie Nachrichten an Apps im Vordergrund

Nachdem Sie erfolgreich Benachrichtigungen gesendet haben, während sich Ihre App im Hintergrund befindet, lesen Sie Nachrichten in einem JavaScript-Client empfangen , um mit dem Senden an Apps im Vordergrund zu beginnen.

Gehen Sie über Benachrichtigungen hinaus

Um über Benachrichtigungsmeldungen hinauszugehen und Ihrer App andere, fortgeschrittenere Verhaltensweisen hinzuzufügen, siehe: