Envoyer un message de test à une application en arrière-plan

Pour commencer à utiliser FCM, créez le cas d'utilisation le plus simple: envoyer une de notification à un utilisateur spécifique lorsque l'application est exécutée en arrière-plan sur l'appareil. Cette page liste toutes les étapes à suivre, de la configuration à la validation. Elle peut couvrir des étapes que vous avez déjà effectuées si vous avez configuré une application cliente JavaScript pour FCM.

Configurez le SDK

Si vous ne l'avez pas déjà fait, ajoutez Firebase à votre projet JavaScript.

Accéder au jeton d'enregistrement

Lorsque vous devez récupérer le jeton d'enregistrement actuel pour une instance d'application, vous devez d'abord demander des autorisations de notification à l'utilisateur avec Notification.requestPermission(). Lorsqu'elle est appelée comme indiqué, elle renvoie un jeton si l'autorisation est accordée ou rejette la promesse si elle est refusée :

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

FCM nécessite un fichier firebase-messaging-sw.js. Créez un fichier vide, sauf si vous avez déjà un fichier firebase-messaging-sw.js avec ce nom et le placer à la racine de votre domaine avant de récupérer un jeton. Vous pourrez ajouter du contenu pertinent au fichier ultérieurement au cours du processus de configuration du client.

Pour récupérer le jeton actuel:

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

Une fois le jeton obtenu, envoyez-le à votre serveur d'applications et à votre magasin en utilisant votre méthode préférée.

Envoyer un message de notification test

  1. Installez et exécutez l'application sur l'appareil cible. Sur les appareils Apple, vous devez accepter la demande d'autorisation pour recevoir des notifications à distance.

  2. Assurez-vous que l'application s'exécute en arrière-plan sur l'appareil.

  3. Dans la console Firebase, ouvrez la page Messagerie.

  4. S'il s'agit de votre premier message, sélectionnez Créer votre première campagne.

    1. Sélectionnez Messages de notification Firebase, puis Créer.
  5. Sinon, dans l'onglet Campagnes, sélectionnez Nouvelle campagne, puis Notifications.

  6. Saisissez le texte du message. Tous les autres sont facultatifs.

  7. Sélectionnez Envoyer un message de test dans le volet de droite.

  8. Dans le champ Ajouter un jeton d'enregistrement FCM, saisissez l'enregistrement que vous avez obtenu dans une section précédente de ce guide.

  9. Sélectionnez Tester.

Après avoir sélectionné Tester, l'appareil du client ciblé (dont l'application est dans en arrière-plan) doit recevoir la notification.

Étapes suivantes

Envoyer des messages aux applications au premier plan

Une fois que vous avez envoyé des messages de notification lorsque votre application est dans en arrière-plan, voir Recevoir des messages dans un client JavaScript pour commencer à envoyer des messages à des applications installées au premier plan.

Aller au-delà des messages de notification

Pour aller au-delà des messages de notification et ajouter d'autres comportements plus avancés à votre application, consultez les articles suivants :