Premier pas avec Node.js

Ce tutoriel s'adresse à ceux qui débutent dans la création d'applications sur le cloud, tels que les ingénieurs et les développeurs Web, et qui souhaitent connaître les concepts clés du développement d'applications sur Google Cloud.

Objectifs

• Découvrir les outils Google Cloud de base, tels que Google Cloud Console et gcloud
• Déployer votre application dans Cloud Run
• Faire persister vos données avec Cloud Firestore
• Stocker des fichiers importés dans Cloud Storage
• Surveiller votre application à l'aide de la suite Google Cloud Operations

Coûts

Dans ce document, vous utilisez les composants facturables suivants de Google Cloud :

• Cloud Run
• Cloud Storage
• Firestore
• Suite Google Cloud Operations

Les instructions de ce document sont conçues pour que votre utilisation des ressources respecte les limites du niveau Toujours gratuit de Google Cloud. Obtenez une estimation des coûts en fonction de votre utilisation prévue à l'aide du simulateur de coût. Les nouveaux utilisateurs de Google Cloud peuvent bénéficier d'un essai gratuit.

Une fois que vous avez terminé les tâches décrites dans ce document, vous pouvez éviter de continuer à payer des frais en supprimant les ressources que vous avez créées. Pour en savoir plus, consultez la section Effectuer un nettoyage.

Avant de commencer

1. Connectez-vous à votre compte Google Cloud. Si vous débutez sur Google Cloud, créez un compte pour évaluer les performances de nos produits en conditions réelles. Les nouveaux clients bénéficient également de 300 $ de crédits gratuits pour exécuter, tester et déployer des charges de travail.

2. In the Google Cloud console, on the project selector page, select or create a Google Cloud project.

   Note: If you don't plan to keep the resources that you create in this procedure, create a project instead of selecting an existing project. After you finish these steps, you can delete the project, removing all resources associated with the project.

   Go to project selector

3. Make sure that billing is enabled for your Google Cloud project.

4. In the Google Cloud console, on the project selector page, select or create a Google Cloud project.

   Note: If you don't plan to keep the resources that you create in this procedure, create a project instead of selecting an existing project. After you finish these steps, you can delete the project, removing all resources associated with the project.

   Go to project selector

5. Make sure that billing is enabled for your Google Cloud project.

6. Pour créer une base de données Firestore en mode natif, effectuez la procédure suivante :
   1. Dans Google Cloud Console, accédez à la page Lecteur Firestore.
      Accéder au lecteur Firestore
   2. Sur l'écran Sélectionner un mode Cloud Firestore, cliquez sur Sélectionner le mode natif.
   3. Sélectionnez un emplacement pour votre base de données Firestore. Ce paramètre d'emplacement correspond à l'emplacement par défaut des ressources Google Cloud de votre projet Cloud. Cet emplacement est utilisé pour les services Google Cloud exploités dans votre projet Cloud qui requièrent un paramètre d'emplacement, plus précisément le bucket Cloud Storage par défaut et l'application Cloud Run.
      Avertissement : Une fois que vous avez défini l'emplacement par défaut des ressources pour votre projet Cloud, vous ne pouvez plus le modifier.
   4. Cliquez sur Create Database (Créer une base de données).

7. Enable the Cloud Run Admin, Cloud Storage, Cloud Logging, and Error Reporting APIs.

   Enable the APIs

8. Clonez l'exemple de dépôt et ouvrez l'exemple d'application dans Cloud Shell :
   Accéder à Cloud Shell

   Cloud Shell vous permet d'accéder en ligne de commande à vos ressources Google Cloud, directement depuis votre navigateur.

9. Pour télécharger l'exemple de code et accéder au répertoire de l'application, cliquez sur Continuer.

10. Dans Cloud Shell, configurez l'outil gcloud pour qu'il utilise votre nouveau projet Google Cloud :

    # Configure gcloud for your project
    gcloud config set project PROJECT_ID
    

    Remplacez PROJECT_ID par l'ID du projet Google Cloud que vous avez créé à l'aide de Google Cloud Console.

    Google Cloud CLI est le principal moyen d'interagir avec vos ressources Google Cloud depuis la ligne de commande. Dans ce tutoriel, vous utilisez l'outil gcloud pour déployer et surveiller votre application.

Exécuter l'application

1. Installez les dépendances de l'application à l'aide de la commande npm:

   npm install
   

2. Exécutez l'application :

   npm start
   

3. Dans Cloud Shell, cliquez sur Web preview (Aperçu sur le Web) , puis sélectionnez Preview on port 8080 (Prévisualiser sur le port 8080). Une nouvelle fenêtre s'affiche avec votre application en cours d'exécution.

Déployer votre application dans Cloud Run

Google Cloud permet d'exécuter du code de plusieurs façons. Dans cet exemple, vous utilisez Cloud Run pour déployer une application évolutive dans Google Cloud. Vous n'avez pas besoin de gérer les serveurs dans Cloud Run grâce au scaling automatique pour gérer les pics de trafic.

1. Utilisez Cloud Build pour créer un conteneur Docker et le publier dans Container Registry :
   

   gcloud builds submit --tag gcr.io/PROJECT_ID/bookshelf .

   Remplacez PROJECT_ID par l'ID du projet Google Cloud que vous avez créé.

2. Exécutez le conteneur avec Cloud Run:

   gcloud run deploy bookshelf --image gcr.io/PROJECT_ID/bookshelf \
   --region us-central1 --allow-unauthenticated

   Votre application est désormais visible à l'URL affichée dans le résultat de gcloud run:

   Service [bookshelf] revision [bookshelf-00001] has been deployed and is serving 100 percent of traffic.
   Service URL: https://bookshelf-PROJECT-uc.a.run.app
   

3. Copiez l'URL dans votre navigateur Web pour afficher l'application.
   Remarque : Ce domaine protégé par SSL est créé automatiquement et est utile pour le développement. Vous pouvez également configurer un domaine personnalisé avec Cloud Run.

Pour en savoir plus sur le déploiement sur Cloud Run, consultez la documentation Cloud Run.

Conserver vos données avec Firestore

Vous ne pouvez pas stocker d'informations sur vos instances Cloud Run, car elles sont perdues si l'instance redémarre, et elles n'existent pas lorsque des instances sont créées. À la place, vous devez utiliser une base de données, sur laquelle vos instances effectuent toutes leurs opérations de lecture et d'écriture.

Google Cloud permet de stocker des données de plusieurs façons. Dans cet exemple, vous utilisez Firestore pour stocker les données de chaque livre. Firestore est une base de données de documents NoSQL entièrement gérée et sans serveur qui permet de stocker et d'interroger des données. Firestore effectue un autoscaling en fonction des besoins de votre application et n'exploite aucune instance lorsque vous ne l'utilisez pas. Ajoutez votre premier livre dès aujourd'hui.

1. Pour créer un livre à partir de l'application déployée, cliquez sur Add book (Ajouter un livre).

   
2. Dans le champ Title (Titre), saisissez Moby Dick.
3. Dans le champ Author (Auteur), saisissez Herman Melville.

4. Cliquez sur Enregistrer. L'application Bookshelf possède désormais une entrée.

   
5. Dans Google Cloud Console, pour actualiser la page Firestore, cliquez sur Actualiser . Les données s'affichent dans Firestore. L'application Bookshelf stocke chaque livre sous la forme d'un document Firestore ayant un ID unique, et tous ces documents sont stockés dans une collection Firestore. Dans ce tutoriel, la collection s'appelle "books" (livres).

Firestore stocke les livres à l'aide de la bibliothèque cliente Firestore. Voici un exemple de récupération d'un document Firestore :

bookshelf/books/firestore.js

Afficher sur GitHub

const {Firestore} = require('@google-cloud/firestore');

const db = new Firestore();
const collection = 'Book';

async function read(id) {
  const doc = await db.collection(collection).doc(id).get();

  if (!doc.exists) {
    throw new Error('No such document!');
  }
  return doc.data();
}

Pour en savoir plus sur l'utilisation de Firestore, consultez l'article Ajouter des données.

Stocker des fichiers importés dans Cloud Storage

Maintenant que vous avez ajouté un livre, vous pouvez ajouter l'image de sa couverture. Vous ne pouvez pas stocker de fichiers sur vos instances. Une base de données n'est pas adaptée aux fichiers image. Utilisez plutôt Cloud Storage.

Cloud Storage est le principal magasin de blobs pour Google Cloud. Vous pouvez utiliser Cloud Storage pour héberger des éléments d'applications que vous voulez partager sur Google Cloud. Pour utiliser Cloud Storage, vous devez créer un bucket Cloud Storage, c'est-à-dire un conteneur de base permettant de conserver vos données.

1. Dans la console Google Cloud, accédez à la page du Navigateur Cloud Storage.

   Accéder à la page du navigateur Cloud Storage

2. Cliquez sur Créer un bucket.
3. Dans la boîte de dialogue Créer un bucket, saisissez le nom du bucket en ajoutant l'ID du projet Google Cloud à la chaîne _bucket. Le nom de votre bucket doit ressembler à ceci : YOUR_PROJECT_ID_bucket. Ce nom doit respecter les exigences concernant les noms de buckets. Vous pouvez conserver les valeurs par défaut de tous les autres champs.
4. Cliquez sur Créer.
5. Une fois le bucket créé, vous devez rendre les objets accessibles publiquement pour que les utilisateurs puissent les afficher. Pour savoir comment procéder, consultez la page Rendre des données publiques.
6. Cliquez sur Edit book (Modifier le livre), puis sélectionnez une image à importer pour sa couverture. Vous pouvez, par exemple, utiliser cette image du domaine public :
   
7. Cliquez sur Enregistrer. Vous êtes redirigé vers la page d'accueil sur laquelle se trouve une entrée de votre application Bookshelf.
   

L'application Bookshelf envoie les fichiers importés vers Cloud Storage à l'aide de la bibliothèque cliente Cloud Storage.

bookshelf/lib/images.js

Afficher sur GitHub

const {Storage} = require('@google-cloud/storage');

const storage = new Storage();
const bucket = storage.bucket(CLOUD_BUCKET);

Remarque : Vous pouvez modifier le nom du bucket en définissant la variable CLOUD_BUCKET du code précédent sur un autre nom et en redéployant l'application grâce à la commande gcloud app deploy.

Pour en savoir plus sur l'utilisation de Cloud Storage, consultez la liste des guides d'utilisation.

Surveiller votre application à l'aide de la suite Google Cloud Operations

Vous avez déployé votre application, et créé et modifié des livres. Utilisez les outils de gestion des performances des applications pour surveiller ces événements pour vos utilisateurs.

Surveiller les journaux à l'aide de Cloud Logging

1. Dans Google Cloud, accédez à l'explorateur de journaux.

   Accéder à l'explorateur de journaux

   Vous pouvez surveiller votre application en temps réel. En cas de problème avec l'application, la visionneuse est l'un des premiers éléments à consulter.

   
2. Dans la liste déroulante Resource (Ressource), sélectionnez Cloud Run Revision, bookshelf (Révision dans Cloud Run, bookshelf).

Surveiller les erreurs à l'aide d'Error Reporting

1. Dans Google Cloud Console, accédez à la page Error Reporting.
   Accéder à la page Error Reporting
   Error Reporting met en évidence les erreurs et les exceptions dans votre application, et vous permet de configurer des alertes à leur sujet.
2. Dans le navigateur, accédez à l'URL /errors dans l'application.
   

   YOUR_CLOUD_RUN_URL/errors

   Vous générez ainsi une nouvelle exception de test, qui est envoyée à la suite pour les opérations de Google Cloud.

3. Dans Google Cloud Console, revenez à la page Error Reporting. La nouvelle erreur s'affiche après quelques instants. Cliquez sur Actualisation automatique pour ne pas avoir à actualiser la page manuellement.

   

Remarque : La gestion des performances des applications contient de nombreux outils qui vous permettent de déboguer et de surveiller vos applications. Pour en savoir plus, consultez les tutoriels.

Effectuer un nettoyage

Pour éviter que les ressources utilisées lors de ce tutoriel soient facturées sur votre compte Google Cloud, supprimez le projet contenant les ressources, ou conservez le projet et supprimez les ressources individuelles.

Supprimer le projet

Attention : La suppression d'un projet entraîne les effets décrits ci-dessous :

• Tout le contenu du projet est supprimé. Si vous avez utilisé un projet existant pour les tâches décrites dans ce document et que vous le supprimez, vous supprimerez également tout autre travail effectué dans le projet.
• Les ID de projets personnalisés sont perdus. Lorsque vous avez créé ce projet, vous avez peut-être créé un ID de projet personnalisé que vous souhaitez utiliser à l'avenir. Pour conserver les URL qui utilisent l'ID de projet, telle qu'une URL appspot.com, supprimez les ressources sélectionnées dans le projet au lieu de supprimer l'ensemble du projet.

Si vous envisagez d'explorer plusieurs architectures, tutoriels et guides de démarrage rapide, réutiliser des projets peut vous aider à ne pas dépasser les limites de quotas des projets.

1. In the Google Cloud console, go to the Manage resources page.

   Go to Manage resources

2. In the project list, select the project that you want to delete, and then click Delete.
3. In the dialog, type the project ID, and then click Shut down to delete the project.

Étapes suivantes

• Déployer une application sur Google Kubernetes Engine
• Déployer une application sur Compute Engine
• Gérer les sessions avec Firestore