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

Coûts

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

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. Sign in to your Google Cloud account. If you're new to Google Cloud, create an account to evaluate how our products perform in real-world scenarios. New customers also get $300 in free credits to run, test, and deploy workloads.
  2. In the Google Cloud console, on the project selector page, select or create a Google Cloud 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.

    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.
    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. Page d'accueil de l'application Bookshelf

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).

    Ajouter un livre dans l'application Bookshelf
  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.

    Entrée "Moby Dick" de l'application Bookshelf
  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). Exemple de document Firestore

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

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 :
    Couverture du livre Moby Dick
  7. Cliquez sur Enregistrer. Vous êtes redirigé vers la page d'accueil sur laquelle se trouve une entrée de votre application Bookshelf.
    Entrée "Moby Dick" de l'application Bookshelf

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

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

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

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.

    Visionneuse de journaux Stackdriver
  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.

    Message d'erreur dans Error Reporting

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

  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