Check out what’s new from Firebase@ Google I/O 2021, and join our alpha program for early access to the new Remote Config personalization feature. Learn more

Cloud Functions pour Firebase

Dans cet atelier de programmation, vous apprendrez à utiliser le SDK Firebase pour Google Cloud Functions pour améliorer une application Web de chat et à utiliser Cloud Functions pour envoyer des notifications aux utilisateurs de l'application de chat.

3b1284f5144b54f6.png

Ce que tu apprendras

  • Créez des fonctions Google Cloud à l'aide du SDK Firebase.
  • Déclenchez des fonctions Cloud en fonction des événements Auth, Cloud Storage et Cloud Firestore.
  • Ajoutez la prise en charge de Firebase Cloud Messaging à votre application Web.

Ce dont vous aurez besoin

  • Une carte de crédit. Cloud Functions for Firebase nécessite le plan Firebase Blaze, ce qui signifie que vous devrez activer la facturation sur votre projet Firebase à l'aide d'une carte de crédit.
  • L'EDI / éditeur de texte de votre choix tel que WebStorm , Atom ou Sublime .
  • Un terminal pour exécuter des commandes shell avec NodeJS v8 installé.
  • Un navigateur tel que Chrome.
  • L'exemple de code. Voir l'étape suivante pour cela.

Clonez le référentiel GitHub à partir de la ligne de commande:

git clone https://github.com/firebase/friendlychat

Importez l'application de démarrage

À l'aide de votre IDE, ouvrez ou importez le android_studio_folder.png répertoire cloud-functions-start partir du répertoire de code d'exemple. Ce répertoire contient le code de démarrage du codelab qui se compose d'une application Web de discussion entièrement fonctionnelle.

Créer un projet

Dans la console Firebase, cliquez sur Ajouter un projet et appelez-le FriendlyChat .

Cliquez sur Créer un projet .

Passez au plan Blaze

Pour utiliser Cloud Functions pour Firebase, vous devrez mettre à niveau votre projet Firebase vers le plan de facturation Blaze . Cela vous obligera à ajouter une carte de crédit ou un autre instrument de facturation à votre compte Google Cloud.

Tous les projets Firebase, y compris ceux du plan Blaze, ont toujours accès aux quotas d'utilisation gratuite pour Cloud Functions. Les étapes décrites dans ce codelab s'inscriront dans les limites d'utilisation de l'offre gratuite. Cependant, vous verrez de petits frais ( environ 0,03 USD ) de Cloud Storage qui est utilisé pour héberger vos images de compilation Cloud Functions.

Si vous n'avez pas accès à une carte de crédit ou êtes mal à l'aise de continuer avec le plan Blaze, pensez à utiliser Firebase Emulator Suite qui vous permettra d'émuler gratuitement Cloud Functions sur votre machine locale.

Activer l'authentification Google

Pour permettre aux utilisateurs de se connecter à l'application, nous utiliserons l'authentification Google qui doit être activée.

Dans la console Firebase, ouvrez la section Développer > Authentification > onglet MÉTHODE DE CONNEXION (ou cliquez ici pour y aller), vous devez activer le fournisseur de connexion Google et cliquez sur ENREGISTRER . Cela permettra aux utilisateurs de se connecter à l'application Web avec leurs comptes Google.

N'hésitez pas non plus à définir le nom public de votre application sur Friendly Chat :

8290061806aacb46.png

Activer le stockage cloud

L'application utilise Cloud Storage pour télécharger des photos. Pour activer Cloud Storage sur votre projet Firebase, visitez la section Stockage et cliquez sur le bouton Commencer . Cliquez ensuite sur OK lorsque vous recevez la clause de non-responsabilité concernant les règles de sécurité.

842ad84821323ef5.png

L'interface de ligne de commande (CLI) Firebase vous permettra de servir l'application Web localement et de déployer votre application Web et Cloud Functions.

Pour installer ou mettre à niveau la CLI, exécutez la commande npm suivante:

npm -g install firebase-tools

Pour vérifier que l'interface de ligne de commande a été correctement installée, ouvrez une console et exécutez:

firebase --version

Assurez-vous que la version de l'interface de ligne de commande Firebase est supérieure à 4.0.0 afin qu'elle dispose de toutes les dernières fonctionnalités requises pour Cloud Functions. Sinon, exécutez npm install -g firebase-tools pour mettre à niveau comme indiqué ci-dessus.

Autorisez la CLI Firebase en exécutant:

firebase login

Assurez-vous que vous vous trouvez dans le répertoire cloud-functions-start , puis configurez Firebase CLI pour utiliser votre projet Firebase:

firebase use --add

Sélectionnez ensuite votre ID de projet et suivez les instructions. Lorsque vous y êtes invité, vous pouvez choisir n'importe quel alias, tel que codelab par exemple.

Maintenant que vous avez importé et configuré votre projet, vous êtes prêt à exécuter l'application Web pour la première fois. Ouvrez une console dans le dossier cloud-functions-start et exécutez firebase deploy --except functions cela ne déploiera que l'application Web sur l'hébergement Firebase:

firebase deploy --except functions

Voici la sortie de la console que vous devriez voir:

i deploying database, storage, hosting
✔  database: rules ready to deploy.
i  storage: checking rules for compilation errors...
✔  storage: rules file compiled successfully
i  hosting: preparing ./ directory for upload...
✔  hosting: ./ folder uploaded successfully
✔ storage: rules file compiled successfully
✔ hosting: 8 files uploaded successfully
i starting release process (may take several minutes)...

✔ Deploy complete!

Project Console: https://console.firebase.google.com/project/friendlychat-1234/overview
Hosting URL: https://friendlychat-1234.firebaseapp.com

Ouvrez l'application Web

La dernière ligne doit afficher l' URL d'hébergement. L'application Web doit maintenant être diffusée à partir de cette URL qui doit être au format https: // <project-id> .firebaseapp.com. Ouvrez-le. Vous devriez voir l'interface utilisateur fonctionnelle d'une application de chat.

Connectez-vous à l'application en utilisant le bouton SE CONNECTER AVEC GOOGLE et n'hésitez pas à ajouter des messages et publier des images:

3b1284f5144b54f6.png

Si vous vous connectez à l'application pour la première fois sur un nouveau navigateur, assurez-vous d'autoriser les notifications lorsque vous y êtes invité: 8b9d0c66dc36153d.png

Nous aurons besoin que vous activiez les notifications ultérieurement.

Si vous avez accidentellement cliqué sur Bloquer, vous pouvez modifier ce paramètre en cliquant sur le bouton 🔒 Sécuriser à gauche de l'URL dans Chrome Omnibar et en sélectionnant Notifications> Toujours autoriser sur ce site :

e926868b0546ed71.png

Nous allons maintenant ajouter des fonctionnalités à l'aide du SDK Firebase pour Cloud Functions.

Cloud Functions vous permet d'avoir facilement du code qui s'exécute dans le Cloud sans avoir à configurer de serveur. Nous allons vous montrer comment créer des fonctions qui réagissent aux événements Firebase Auth, Cloud Storage et Firebase Realtime Database. Commençons par Auth.

Lorsque vous utilisez le SDK Firebase pour Cloud Functions, votre code Functions se trouve sous le répertoire functions (par défaut). Votre code Functions est également une application Node.js et a donc besoin d'un package.json qui donne des informations sur votre application et répertorie les dépendances.

Pour vous faciliter la tâche, nous avons déjà créé le fichier functions/index.js où votre code ira. N'hésitez pas à consulter ce fichier avant d'aller de l'avant.

cd functions
ls

Si vous n'êtes pas familier avec Node.js, cela vous aidera à en savoir plus avant de continuer le codelab.

Le fichier package.json répertorie déjà deux dépendances requises: le SDK Firebase pour Cloud Functions et le SDK Firebase Admin . Pour les installer localement, exécutez npm install partir du dossier functions :

npm install

Jetons maintenant un œil au fichier index.js :

index.js

/**
 * Copyright 2017 Google Inc. All Rights Reserved.
 * ...
 */

// TODO(DEVELOPER): Import the Cloud Functions for Firebase and the Firebase Admin modules here.

// TODO(DEVELOPER): Write the addWelcomeMessage Function here.

// TODO(DEVELOPER): Write the blurImages Function here.

// TODO(DEVELOPER): Write the sendNotification Function here.

Nous allons d'abord importer les modules requis, puis écrire trois fonctions à la place des TODO. Importons d'abord les modules Node requis.

Deux modules seront nécessaires au cours de ce codelab, le module firebase-functions nous permet d'écrire les règles de déclenchement Cloud Functions, tandis que le module firebase-admin nous permet d'utiliser la plateforme Firebase sur un serveur avec un accès administrateur, par exemple pour écrire sur le Cloud Firestore ou envoyer des notifications FCM.

Dans le fichier index.js , remplacez le premier TODO par ce qui suit:

index.js

/**
 * Copyright 2017 Google Inc. All Rights Reserved.
 * ...
 */

// Import the Firebase SDK for Google Cloud Functions.
const functions = require('firebase-functions');
// Import and initialize the Firebase Admin SDK.
const admin = require('firebase-admin');
admin.initializeApp();

// TODO(DEVELOPER): Write the addWelcomeMessage Function here.

// TODO(DEVELOPER): Write the blurImages Function here.

// TODO(DEVELOPER): Write the sendNotification Function here.

Le SDK d'administration Firebase peut être configuré automatiquement lorsqu'il est déployé sur un environnement Cloud Functions ou d'autres conteneurs Google Cloud Platform. C'est ce que nous faisons ci-dessus en appelant admin.initializeApp();

Ajoutons maintenant une fonction qui s'exécute lorsqu'un utilisateur se connecte pour la première fois dans votre application de discussion et nous ajouterons un message de discussion pour accueillir l'utilisateur.

Structure des messages de chat

Les messages publiés sur le fil de discussion FriendlyChat sont stockés dans Cloud Firestore. Jetons un coup d'œil à la structure de données que nous utilisons pour un message. Pour ce faire, publiez un nouveau message dans le chat qui lit "Hello World":

11f5a676fbb1a69a.png

Cela devrait apparaître comme:

fe6d1c020d0744cf.png

Dans la console de votre application Firebase, cliquez sur Base de données dans la section Développer . Vous devriez voir la collection de messages et un document contenant le message que vous avez écrit:

442c9c10b5e2b245.png

Comme vous pouvez le voir, les messages de chat sont stockés dans Cloud Firestore en tant que document avec les attributs name , profilePicUrl , text et timestamp ajoutés à la collection de messages .

Ajouter des messages de bienvenue

La première fonction Cloud ajoute un message qui accueille les nouveaux utilisateurs dans le chat. Pour cela, nous pouvons utiliser le déclencheur functions.auth().onCreate qui exécute la fonction chaque fois qu'un utilisateur se functions.auth().onCreate pour la première fois dans votre application Firebase. Ajoutez la fonction addWelcomeMessages dans votre fichier index.js :

index.js

// Adds a message that welcomes new users into the chat.
exports.addWelcomeMessages = functions.auth.user().onCreate(async (user) => {
  console.log('A new user signed in for the first time.');
  const fullName = user.displayName || 'Anonymous';

  // Saves the new welcome message into the database
  // which then displays it in the FriendlyChat clients.
  await admin.firestore().collection('messages').add({
    name: 'Firebase Bot',
    profilePicUrl: '/images/firebase-logo.png', // Firebase logo
    text: `${fullName} signed in for the first time! Welcome!`,
    timestamp: admin.firestore.FieldValue.serverTimestamp(),
  });
  console.log('Welcome message written to database.');
});

L'ajout de cette fonction à l'objet d' exports spéciales est le moyen de Node de rendre la fonction accessible en dehors du fichier actuel et est requis pour Cloud Functions.

Dans la fonction ci-dessus, nous ajoutons un nouveau message de bienvenue publié par "Firebase Bot" à la liste des messages de discussion. Nous faisons cela en utilisant la méthode add sur la collection de messages dans Cloud Firestore, où les messages du chat sont stockés.

Comme il s'agit d'une opération asynchrone, nous devons renvoyer la promesse indiquant la fin de l'écriture dans Cloud Firestore, afin que Functions ne quitte pas l'exécution trop tôt.

Déployer la fonction

La fonction ne sera active qu'après l'avoir déployée. Sur la ligne de commande, exécutez firebase deploy --only functions :

firebase deploy --only functions

Voici la sortie de la console que vous devriez voir:

i  deploying functions
i  functions: ensuring necessary APIs are enabled...
⚠  functions: missing necessary APIs. Enabling now...
i  env: ensuring necessary APIs are enabled...
⚠  env: missing necessary APIs. Enabling now...
i  functions: waiting for APIs to activate...
i  env: waiting for APIs to activate...
✔  env: all necessary APIs are enabled
✔  functions: all necessary APIs are enabled
i  functions: preparing functions directory for uploading...
i  functions: packaged functions (X.XX KB) for uploading
✔  functions: functions folder uploaded successfully
i  starting release process (may take several minutes)...
i  functions: creating function addWelcomeMessages...
✔  functions[addWelcomeMessages]: Successful create operation. 
✔  functions: all functions deployed successfully!

✔  Deploy complete!

Project Console: https://console.firebase.google.com/project/friendlypchat-1234/overview

Tester la fonction

Une fois la fonction déployée avec succès, vous devez avoir un utilisateur qui se connecte pour la première fois.

  1. Ouvrez votre application dans votre navigateur en utilisant l'URL d'hébergement (sous la forme https://<project-id>.firebaseapp.com ).
  2. Avec un nouvel utilisateur, connectez-vous pour la première fois dans votre application à l'aide du bouton Se connecter .

262535d1b1223c65.png

  1. Une fois connecté, un message de bienvenue devrait s'afficher automatiquement:

1c70e0d64b23525b.png

Les utilisateurs peuvent télécharger tous les types d'images dans le chat, et il est toujours important de modérer les images offensantes, en particulier sur les plateformes sociales publiques. Dans FriendlyChat, les images publiées dans le chat sont stockées dans Google Cloud Storage .

Avec Cloud Functions, vous pouvez détecter de nouveaux téléchargements d'images à l'aide du déclencheur functions.storage().onFinalize . Cela s'exécutera chaque fois qu'un nouveau fichier est téléversé ou modifié dans Cloud Storage.

Pour modérer les images, nous passerons par le processus suivant:

  1. Vérifiez si l'image est signalée comme adulte ou violente à l'aide de l' API Cloud Vision
  2. Si l'image a été marquée, téléchargez-la sur l'instance Functions en cours d'exécution
  3. Flouter l'image à l'aide d' ImageMagick
  4. Importez l'image floue dans Cloud Storage

Activer l'API Cloud Vision

Étant donné que nous utiliserons l'API Google Cloud Vision dans cette fonction, vous devez activer l'API sur votre projet Firebase. Suivez ce lien , sélectionnez votre projet Firebase et activez l'API:

5c77fee51ec5de49.png

Installer les dépendances

Pour modérer les images, nous aurons besoin de quelques packages Node.js:

  • La bibliothèque cliente Google Cloud Vision pour Node.js: @ google-cloud / vision pour exécuter l'image via l'API Cloud Vision afin de détecter les images inappropriées.
  • Une bibliothèque Node.js nous permettant d'exécuter des processus: child-process-promise d'exécuter ImageMagick puisque l'outil de ligne de commande ImageMagick est pré-installé sur toutes les instances de Functions.

Pour installer ces deux packages dans votre application Cloud Functions, exécutez la commande npm install --save . Assurez-vous de le faire à partir du répertoire des functions .

npm install --save @google-cloud/vision@0.12.0 child-process-promise@2.2.1

Cela installera les deux packages localement et les ajoutera en tant que dépendances déclarées dans votre fichier package.json .

Importer et configurer les dépendances

Pour importer les deux dépendances qui ont été installées et certains modules de base Node.js ( path , os et fs ) dont nous aurons besoin dans cette section, ajoutez les lignes suivantes en haut de votre fichier index.js :

index.js

const Vision = require('@google-cloud/vision');
const vision = new Vision();
const spawn = require('child-process-promise').spawn;

const path = require('path');
const os = require('os');
const fs = require('fs');

Étant donné que votre fonction s'exécutera dans un environnement Google Cloud, il n'est pas nécessaire de configurer les bibliothèques Cloud Storage et Cloud Vision: elles seront automatiquement configurées pour utiliser votre projet.

Détecter les images inappropriées

Vous utiliserez le déclencheur functions.storage.onChange Cloud Functions qui exécute votre code dès qu'un fichier ou un dossier est créé ou modifié dans un bucket Cloud Storage. Ajoutez la fonction blurOffensiveImages dans votre fichier index.js :

index.js

// Checks if uploaded images are flagged as Adult or Violence and if so blurs them.
exports.blurOffensiveImages = functions.runWith({memory: '2GB'}).storage.object().onFinalize(
    async (object) => {
      const image = {
        source: {imageUri: `gs://${object.bucket}/${object.name}`},
      };

      // Check the image content using the Cloud Vision API.
      const batchAnnotateImagesResponse = await vision.safeSearchDetection(image);
      const safeSearchResult = batchAnnotateImagesResponse[0].safeSearchAnnotation;
      const Likelihood = Vision.types.Likelihood;
      if (Likelihood[safeSearchResult.adult] >= Likelihood.LIKELY ||
          Likelihood[safeSearchResult.violence] >= Likelihood.LIKELY) {
        console.log('The image', object.name, 'has been detected as inappropriate.');
        return blurImage(object.name);
      }
      console.log('The image', object.name, 'has been detected as OK.');
    });

Notez que nous avons ajouté une configuration de l'instance Cloud Functions qui exécutera la fonction, avec .runWith({memory: '2GB'}) nous demandons que l'instance reçoive 2 Go de mémoire plutôt que la valeur par défaut, cela aidera car ceci La fonction est gourmande en mémoire.

Lorsque la fonction est déclenchée, l'image est exécutée via l'API Cloud Vision pour détecter si elle est signalée comme adulte ou violente. Si l'image est détectée comme inappropriée sur la base de ces critères, nous brouillons l'image, ce qui est fait dans la fonction blurImage que nous verrons ensuite.

Brouiller l'image

Ajoutez la fonction blurImage suivante dans votre fichier index.js :

index.js

// Blurs the given image located in the given bucket using ImageMagick.
async function blurImage(filePath) {
  const tempLocalFile = path.join(os.tmpdir(), path.basename(filePath));
  const messageId = filePath.split(path.sep)[1];
  const bucket = admin.storage().bucket();

  // Download file from bucket.
  await bucket.file(filePath).download({destination: tempLocalFile});
  console.log('Image has been downloaded to', tempLocalFile);
  // Blur the image using ImageMagick.
  await spawn('convert', [tempLocalFile, '-channel', 'RGBA', '-blur', '0x24', tempLocalFile]);
  console.log('Image has been blurred');
  // Uploading the Blurred image back into the bucket.
  await bucket.upload(tempLocalFile, {destination: filePath});
  console.log('Blurred image has been uploaded to', filePath);
  // Deleting the local file to free up disk space.
  fs.unlinkSync(tempLocalFile);
  console.log('Deleted local file.');
  // Indicate that the message has been moderated.
  await admin.firestore().collection('messages').doc(messageId).update({moderated: true});
  console.log('Marked the image as moderated in the database.');
}

Dans la fonction ci-dessus, l'image binaire est téléchargée à partir de Cloud Storage. Ensuite, l'image est floue à l'aide de l'outil de convert d'ImageMagick et la version floue est de nouveau téléchargée sur le seau de stockage. Ensuite, nous supprimons le fichier sur l'instance Cloud Functions pour libérer de l'espace disque, nous le faisons parce que la même instance Cloud Functions peut être réutilisée et si les fichiers ne sont pas nettoyés, il pourrait manquer de disque. Enfin, nous ajoutons un booléen au message de chat indiquant que l'image a été modérée, cela déclenchera un rafraîchissement du message sur le client.

Déployer la fonction

La fonction ne sera active qu'après l'avoir déployée. Sur la ligne de commande, exécutez firebase deploy --only functions :

firebase deploy --only functions

Voici la sortie de la console que vous devriez voir:

i  deploying functions
i  functions: ensuring necessary APIs are enabled...
✔  functions: all necessary APIs are enabled
i  functions: preparing functions directory for uploading...
i  functions: packaged functions (X.XX KB) for uploading
✔  functions: functions folder uploaded successfully
i  starting release process (may take several minutes)...
i  functions: updating function addWelcomeMessages...
i  functions: creating function blurOffensiveImages...
✔  functions[addWelcomeMessages]: Successful update operation.
✔  functions[blurOffensiveImages]: Successful create operation.
✔  functions: all functions deployed successfully!

✔  Deploy complete!

Project Console: https://console.firebase.google.com/project/friendlychat-1234/overview

Tester la fonction

Une fois la fonction déployée avec succès:

  1. Ouvrez votre application dans votre navigateur en utilisant l'URL d'hébergement (sous la forme https://<project-id>.firebaseapp.com ).
  2. Une fois connecté, l'application télécharger une image: 4db9fdab56703e4a.png
  3. Choisissez votre meilleure image offensive à télécharger (ou vous pouvez utiliser ce zombie mangeur de chair !) Et après quelques instants, vous devriez voir votre message s'actualiser avec une version floue de l'image: 83dd904fbaf97d2b.png

Dans cette section, vous ajouterez une fonction Cloud qui envoie des notifications aux participants du chat lorsqu'un nouveau message est publié.

En utilisant Firebase Cloud Messaging (FCM), vous pouvez envoyer des notifications à vos utilisateurs de manière fiable et multiplateforme. Pour envoyer une notification à un utilisateur, vous avez besoin de son jeton d'appareil FCM. L'application Web de chat que nous utilisons collecte déjà des jetons d'appareil auprès des utilisateurs lorsqu'ils ouvrent l'application pour la première fois sur un nouveau navigateur ou appareil. Ces jetons sont stockés dans Cloud Firestore dans la collection fcmTokens .

Si vous souhaitez savoir comment obtenir des jetons de périphérique FCM sur une application Web, vous pouvez passer par le Firebase Web Codelab .

Envoyer des notifications

Pour détecter quand de nouveaux messages sont publiés, vous utiliserez le déclencheur functions.firestore.document().onCreate Cloud Functions qui exécute votre code lorsqu'un nouvel objet est créé à un chemin donné du Cloud Firestore. Ajoutez la fonction sendNotifications dans votre fichier index.js :

index.js

// Sends a notifications to all users when a new message is posted.
exports.sendNotifications = functions.firestore.document('messages/{messageId}').onCreate(
  async (snapshot) => {
    // Notification details.
    const text = snapshot.data().text;
    const payload = {
      notification: {
        title: `${snapshot.data().name} posted ${text ? 'a message' : 'an image'}`,
        body: text ? (text.length <= 100 ? text : text.substring(0, 97) + '...') : '',
        icon: snapshot.data().profilePicUrl || '/images/profile_placeholder.png',
        click_action: `https://${process.env.GCLOUD_PROJECT}.firebaseapp.com`,
      }
    };

    // Get the list of device tokens.
    const allTokens = await admin.firestore().collection('fcmTokens').get();
    const tokens = [];
    allTokens.forEach((tokenDoc) => {
      tokens.push(tokenDoc.id);
    });

    if (tokens.length > 0) {
      // Send notifications to all tokens.
      const response = await admin.messaging().sendToDevice(tokens, payload);
      await cleanupTokens(response, tokens);
      console.log('Notifications have been sent and tokens cleaned up.');
    }
  });

Dans la fonction ci-dessus, nous admin.messaging().sendToDevice les jetons d'appareil de tous les utilisateurs à partir de la base de données Cloud Firestore et envoyons une notification à chacun d'entre eux à l'aide de la fonction admin.messaging().sendToDevice .

Nettoyer les jetons

Enfin, nous voulons supprimer les jetons qui ne sont plus valides. Cela se produit lorsque le jeton que nous avons une fois obtenu de l'utilisateur n'est plus utilisé par le navigateur ou l'appareil. Par exemple, cela se produit si l'utilisateur a révoqué l'autorisation de notification pour sa session de navigateur. Pour ce faire, ajoutez la fonction cleanupTokens suivante dans votre fichier index.js :

index.js

// Cleans up the tokens that are no longer valid.
function cleanupTokens(response, tokens) {
 // For each notification we check if there was an error.
 const tokensDelete = [];
 response.results.forEach((result, index) => {
   const error = result.error;
   if (error) {
     console.error('Failure sending notification to', tokens[index], error);
     // Cleanup the tokens who are not registered anymore.
     if (error.code === 'messaging/invalid-registration-token' ||
         error.code === 'messaging/registration-token-not-registered') {
       const deleteTask = admin.firestore().collection('fcmTokens').doc(tokens[index]).delete();
       tokensDelete.push(deleteTask);
     }
   }
 });
 return Promise.all(tokensDelete);
}

Déployer la fonction

La fonction ne sera active qu'après l'avoir déployée. Sur la ligne de commande, exécutez firebase deploy --only functions :

firebase deploy --only functions

Voici la sortie de la console que vous devriez voir:

i  deploying functions
i  functions: ensuring necessary APIs are enabled...
✔  functions: all necessary APIs are enabled
i  functions: preparing functions directory for uploading...
i  functions: packaged functions (X.XX KB) for uploading
✔  functions: functions folder uploaded successfully
i  starting release process (may take several minutes)...
i  functions: updating function addWelcomeMessages...
i  functions: updating function blurOffensiveImages...
i  functions: creating function sendNotifications...
✔  functions[addWelcomeMessages]: Successful update operation.
✔  functions[blurOffensiveImages]: Successful updating operation.
✔  functions[sendNotifications]: Successful create operation.
✔  functions: all functions deployed successfully!

✔  Deploy complete!

Project Console: https://console.firebase.google.com/project/friendlychat-1234/overview

Tester la fonction

  1. Une fois la fonction déployée avec succès, ouvrez votre application dans votre navigateur à l'aide de l'URL d'hébergement (sous la forme https://<project-id>.firebaseapp.com ).
  2. Si vous vous connectez à l'application pour la première fois, assurez-vous d'autoriser les notifications lorsque vous y êtes invité: 8b9d0c66dc36153d.png
  3. Fermez l'onglet de l'application de chat ou affichez un autre onglet: les notifications n'apparaissent que si l'application est en arrière-plan. Si vous souhaitez savoir comment recevoir des messages lorsque votre application est au premier plan, consultez notre documentation .
  4. À l'aide d'un autre navigateur (ou d'une fenêtre de navigation privée), connectez-vous à l'application et postez un message. Vous devriez voir une notification affichée par le premier navigateur: 45282ab12b28b926.png

Vous avez utilisé le SDK Firebase pour Cloud Functions et ajouté des composants côté serveur à une application de chat.

Ce que nous avons couvert

  • Création de Cloud Functions à l'aide du SDK Firebase pour Cloud Functions.
  • Déclenchez des fonctions Cloud en fonction des événements Auth, Cloud Storage et Cloud Firestore.
  • Ajoutez la prise en charge de Firebase Cloud Messaging à votre application Web.
  • Fonctions cloud déployées à l'aide de l'interface de ligne de commande Firebase.

Prochaines étapes

Apprendre encore plus