Erste Schritte mit FCM beginnen Sie mit dem einfachsten Anwendungsfall: Senden einer Benachrichtigung an einen bestimmten Nutzer Die App wird auf dem Gerät im Hintergrund ausgeführt. Auf dieser Seite sind alle dazu erforderlichen Schritte aufgeführt – von der Einrichtung bis zur Bestätigung die Schritte umfassen, die Sie bereits durchgeführt haben, Sie haben eine JavaScript-Client-App eingerichtet. für FCM.
SDK einrichten
Fügen Sie Ihrem JavaScript-Projekt Firebase hinzu, falls noch nicht geschehen.
Auf das Registrierungstoken zugreifen
Wenn Sie das aktuelle Registrierungstoken für eine App-Instanz abrufen müssen,
Benachrichtigungsberechtigungen vom Nutzer mit Notification.requestPermission()
anfordern.
Bei einem Aufruf wie gezeigt wird ein Token zurückgegeben, wenn die Berechtigung gewährt oder das Promise abgelehnt wird.
bei Ablehnung:
function requestPermission() { console.log('Requesting permission...'); Notification.requestPermission().then((permission) => { if (permission === 'granted') { console.log('Notification permission granted.');
Für FCM ist eine firebase-messaging-sw.js
-Datei erforderlich.
Wenn Sie nicht bereits eine firebase-messaging-sw.js
-Datei haben, erstellen Sie eine leere Datei
und fügen Sie ihn in das Stammverzeichnis Ihrer Domain ein, bevor Sie ein Token abrufen.
Sie können der Datei später bei der Clienteinrichtung aussagekräftige Inhalte hinzufügen.
So rufen Sie das aktuelle Token ab:
Web
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
// 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 der gewünschten Methode.
Testbenachrichtigung senden
Installieren Sie die App auf dem Zielgerät und führen Sie sie aus. Auf Apple-Geräten benötigen Sie , um die Berechtigungsanfrage für den Empfang von Remote-Benachrichtigungen zu akzeptieren.
Die App muss auf dem Gerät im Hintergrund ausgeführt werden.
Öffnen Sie in der Firebase-Konsole die Seite Messaging.
Wenn dies Ihre erste Mitteilung ist, wählen Sie Erste Kampagne erstellen aus.
- Wählen Sie Firebase-Benachrichtigungsnachrichten und dann Erstellen aus.
Wählen Sie andernfalls auf dem Tab Kampagnen die Option Neue Kampagne und dann Benachrichtigungen aus.
Geben Sie den Nachrichtentext ein. Alle anderen sind optional.
Wählen Sie im rechten Bereich Testnachricht senden aus.
Geben Sie im Feld FCM-Registrierungstoken hinzufügen die Registrierungstoken Token, das Sie in einem vorherigen Abschnitt dieses Leitfadens erhalten haben.
Wählen Sie Testen aus.
Nachdem Sie Testen ausgewählt haben, sollte das Zielclientgerät (mit der App im Hintergrund) die Benachrichtigung erhalten.
Nächste Schritte
Nachrichten an Apps im Vordergrund senden
Nachdem Sie Benachrichtigungsnachrichten gesendet haben, während Ihre App im Hintergrund ausgeführt wurde, lesen Sie den Hilfeartikel Nachrichten in einem JavaScript-Client empfangen, um zu erfahren, wie Sie Nachrichten an Apps im Vordergrund senden.
Mehr als nur Benachrichtigungen
Um über Benachrichtigungen hinauszugehen und weitere erweiterte Funktionen für Ihre App finden Sie unter: