Présentation

Dans cet atelier, vous allez créer un bucket Cloud Storage et y insérer une image. Vous allez aussi configurer une application s'exécutant dans Compute Engine afin qu'elle utilise une base de données gérée par Cloud SQL. Vous allez configurer un serveur Web à l'aide de PHP, un environnement de développement Web sur lequel s'appuient un très grand nombre de logiciels de gestion de blogs. En situation réelle, vous utiliserez des techniques analogues pour configurer ces packages.

Enfin, vous configurerez aussi le serveur Web pour qu'il référence l'image stockée dans le bucket Cloud Storage.

Objectifs

Dans cet atelier, vous allez apprendre à effectuer les opérations suivantes :

• Créer un bucket Cloud Storage et y insérer une image
• Créer une instance Cloud SQL et la configurer
• Se connecter à l'instance Cloud SQL à partir d'un serveur Web
• Utiliser l'image du bucket Cloud Storage sur une page Web

Tâche 1 : Se connecter à la console Google Cloud

Pour chaque atelier, nous vous attribuons un nouveau projet Google Cloud et un nouvel ensemble de ressources pour une durée déterminée, sans frais.

1. Cliquez sur le bouton Démarrer l'atelier. Si l'atelier est payant, un pop-up s'affiche pour vous permettre de sélectionner un mode de paiement. Sur la gauche, vous trouverez le panneau Détails concernant l'atelier, qui contient les éléments suivants :

   • Le bouton Ouvrir la console Google Cloud
   • Le temps restant
   • Les identifiants temporaires que vous devez utiliser pour cet atelier
   • Des informations complémentaires vous permettant d'effectuer l'atelier

2. Cliquez sur Ouvrir la console Google Cloud (ou effectuez un clic droit et sélectionnez Ouvrir le lien dans la fenêtre de navigation privée si vous utilisez le navigateur Chrome).

   L'atelier lance les ressources, puis ouvre la page Se connecter dans un nouvel onglet.

   Conseil : Réorganisez les onglets dans des fenêtres distinctes, placées côte à côte.

   Remarque : Si la boîte de dialogue Sélectionner un compte s'affiche, cliquez sur Utiliser un autre compte.

3. Si nécessaire, copiez le nom d'utilisateur ci-dessous et collez-le dans la boîte de dialogue Se connecter.

   {{{user_0.username | "Username"}}}

   Vous trouverez également le nom d'utilisateur dans le panneau Détails concernant l'atelier.

4. Cliquez sur Suivant.

5. Copiez le mot de passe ci-dessous et collez-le dans la boîte de dialogue Bienvenue.

   {{{user_0.password | "Password"}}}

   Vous trouverez également le mot de passe dans le panneau Détails concernant l'atelier.

6. Cliquez sur Suivant.

   Important : Vous devez utiliser les identifiants fournis pour l'atelier. Ne saisissez pas ceux de votre compte Google Cloud. Remarque : Si vous utilisez votre propre compte Google Cloud pour cet atelier, des frais supplémentaires peuvent vous être facturés.

7. Accédez aux pages suivantes :

   • Acceptez les conditions d'utilisation.
   • N'ajoutez pas d'options de récupération ni d'authentification à deux facteurs (ce compte est temporaire).
   • Ne vous inscrivez pas à des essais gratuits.

Après quelques instants, la console Cloud s'ouvre dans cet onglet.

Remarque : Pour afficher un menu contenant la liste des produits et services Google Cloud, cliquez sur le menu de navigation en haut à gauche.

Tâche 2 : Déployer l'instance de VM d'un serveur Web

1. Dans la console Google Cloud, accédez au Menu de navigation (), puis cliquez sur Compute Engine > Instances de VM.

2. Cliquez sur Créer une instance.

3. Sur la page Créer une instance, dans le champ Nom, saisissez bloghost.

4. Pour les champs Région et Zone, sélectionnez la région et la zone attribuées par Qwiklabs.

5. Pour Type de machine, acceptez la valeur par défaut.

6. Dans Disque de démarrage, si l'image n'est pas définie sur Debian GNU/Linux 12, cliquez sur Modifier et sélectionnez Debian GNU/Linux 11 (bullseye).

7. Conservez les valeurs par défaut pour Identité et accès à l'API.

8. Dans Pare-feu, cliquez sur Autoriser le trafic HTTP.

9. Cliquez sur Options avancées pour ouvrir cette section de la boîte de dialogue.

10. Cliquez sur Gestion pour ouvrir cette section.

11. Faites défiler l'écran vers le bas jusqu'à la section "Automatisation", puis saisissez le script suivant dans Script de démarrage :

apt-get update apt-get install apache2 php php-mysql -y service apache2 restart Remarque : Veillez à ajouter ce script dans le champ Script de démarrage. Si vous le saisissez dans un autre champ par erreur, il ne s'exécutera pas au démarrage de l'instance de VM.

12. Conservez les autres paramètres par défaut, puis cliquez sur Créer.

Remarque : Il faut environ deux minutes pour que l'instance démarre et que vous puissiez l'utiliser.

13. Sur la page Instances de VM, copiez les adresses IP interne et externe de l'instance de VM bloghost dans un éditeur de texte. Vous les utiliserez dans la suite de cet atelier.

Cliquez sur Vérifier ma progression pour valider l'objectif. Déployer l'instance de VM d'un serveur Web

Tâche 3 : Créer un bucket Cloud Storage à l'aide de la ligne de commande gcloud storage

Les noms de tous les buckets Cloud Storage doivent être uniques. Pour vous assurer d'attribuer un nom unique à votre bucket, vous allez lui donner le même nom que l'ID de votre projet Google Cloud, qui est lui aussi unique. Pour ce faire, suivez les instructions ci-après.

Les buckets Cloud Storage peuvent être associés à une ou à plusieurs régions : US (États-Unis), EU (Union européenne), ou ASIA (Asie). Dans cette activité, vous allez associer votre bucket à la zone multirégionale la plus proche de la région et de la zone que vous ont attribuées Qwiklabs ou votre formateur.

1. Dans la barre d'outils située en haut à droite de la console Google Cloud, cliquez sur Activer Cloud Shell . Si une boîte de dialogue apparaît, cliquez sur Continuer.

2. Pour plus de commodité, saisissez l'emplacement dans une variable d'environnement nommée LOCATION. Saisissez l'une des commandes suivantes :

export LOCATION=US

Ou

export LOCATION=EU

Ou

export LOCATION=ASIA

3. Dans Cloud Shell, la variable d'environnement DEVSHELL_PROJECT_ID contient l'ID de votre projet. Saisissez la commande suivante pour utiliser l'ID de votre projet comme nom pour votre bucket :

gcloud storage buckets create -l $LOCATION gs://$DEVSHELL_PROJECT_ID

Si vous y êtes invité, cliquez sur Autoriser pour continuer.

4. Récupérez une image de bannière à partir d'un emplacement Cloud Storage publiquement accessible :

gcloud storage cp gs://cloud-training/gcpfci/my-excellent-blog.png my-excellent-blog.png

5. Copiez l'image de bannière dans le bucket Cloud Storage que vous venez de créer :

gcloud storage cp my-excellent-blog.png gs://$DEVSHELL_PROJECT_ID/my-excellent-blog.png

6. Modifiez la liste de contrôle d'accès de l'objet que vous venez de créer pour qu'elle soit lisible par tous :

gsutil acl ch -u allUsers:R gs://$DEVSHELL_PROJECT_ID/my-excellent-blog.png

Cliquez sur Vérifier ma progression pour valider l'objectif. Créer un bucket Cloud Storage à l'aide de la ligne de commande gcloud storage

Tâche 4 : Créer l'instance Cloud SQL

1. Dans la console Google Cloud, accédez au Menu de navigation (), puis cliquez sur SQL.

2. Cliquez sur Créer une instance.

3. Dans le champ Sélectionner un moteur de base de données, choisissez Sélectionner MySQL.

4. Dans Choisir une édition Cloud SQL, cliquez sur Enterprise, puis sélectionnez Bac à sable dans le menu déroulant.

5. Dans le champ ID d'instance, saisissez blog-db, et dans le champ Mot de passe racine, entrez le mot de passe de votre choix.

Remarque : Choisissez un mot de passe facile à retenir. Il est inutile de masquer le mot de passe, car vous utilisez des mécanismes de connexion qui limitent l'accès des autres utilisateurs.

6. Sélectionnez Zone unique et définissez la région et la zone attribuées par Qwiklabs.

Remarque : Il s'agit de la région et de la zone que vous avez déjà utilisées pour lancer l'instance bloghost. Pour des performances optimales, le client doit se trouver à proximité de la base de données.

7. Cliquez sur Créer une instance.

Remarque : Attendez que le déploiement de l'instance se termine. L'opération prend quelques minutes.

8. Cliquez sur le nom de l'instance (blog-db) pour ouvrir la page de ses détails.

9. Sur la page des détails de l'instance SQL, copiez l'adresse IP publique de votre instance SQL dans un éditeur de texte. Vous l'utiliserez dans la suite de cet atelier.

10. Cliquez sur le menu Utilisateurs à gauche, puis sur Ajouter un compte utilisateur.

11. Dans Nom d'utilisateur, saisissez blogdbuser.

12. Dans Mot de passe, saisissez le mot de passe de votre choix et notez-le.

13. Cliquez sur Ajouter pour ajouter le compte utilisateur à la base de données.

Remarque : Attendez que l'utilisateur soit créé.

14. Cliquez sur le menu Connexions à gauche, puis sur l'onglet Réseau.

15. Cliquez sur Ajouter un réseau.

Remarque : Si vous avez le choix entre une connexion Adresse IP privée et une connexion Adresse IP publique, choisissez Adresse IP publique pour cet atelier. Remarque : Il est possible que le bouton Ajouter un réseau ne soit pas disponible si le compte utilisateur n'a pas encore été créé.

16. Pour le champ Nom, saisissez web front end

17. Pour le champ Réseau, saisissez l'adresse IP externe de votre instance de VM bloghost, suivie de /32

Le résultat doit ressembler à ceci :

35.192.208.2/32 Remarque : Veillez à utiliser l'adresse IP externe de votre instance de VM suivie de /32. N'utilisez pas l'adresse IP interne de l'instance de VM. N'utilisez pas non plus l'exemple d'adresse IP fourni ci-dessus.

18. Cliquez sur OK pour terminer la définition du réseau autorisé.

19. Cliquez sur Enregistrer pour enregistrer les modifications apportées à la configuration.

Remarque : Si le message Une autre opération est en cours d'exécution s'affiche, attendez quelques minutes jusqu'à ce qu'une coche verte apparaisse pour blog-db, puis enregistrez la configuration.

Cliquez sur Vérifier ma progression pour valider l'objectif. Créer l'instance Cloud SQL

Tâche 5 : Configurer une application dans une instance Compute Engine afin qu'elle utilise Cloud SQL

1. Dans le Menu de navigation (), cliquez sur Compute Engine > Instances de VM.

2. Dans la liste des instances de VM, sur la ligne correspondant à votre instance de VM bloghost, cliquez sur SSH.

3. Dans votre session SSH sur l'instance de VM bloghost, définissez votre répertoire de travail sur la racine du document du serveur Web :

cd /var/www/html

4. Utilisez l'éditeur de texte nano pour modifier le fichier nommé index.php :

sudo nano index.php

5. Copiez le contenu ci-dessous et collez-le dans le fichier :

<html> <head><title>Welcome to my excellent blog</title></head> <body> <h1>Welcome to my excellent blog</h1> <?php $dbserver = "CLOUDSQLIP"; $dbuser = "blogdbuser"; $dbpassword = "DBPASSWORD"; // In a production blog, we would not store the MySQL // password in the document root. Instead, we would store // it in a Secret Manger. For more information see // https://cloud.google.com/sql/docs/postgres/use-secret-manager try { $conn = new PDO("mysql:host=$dbserver;dbname=mysql", $dbuser, $dbpassword); // set the PDO error mode to exception $conn->setAttribute(PDO::ATTR_ERRMODE, PDO::ERRMODE_EXCEPTION); echo "Connected successfully"; } catch(PDOException $e) { echo "Database connection failed:: " . $e->getMessage(); } ?> </body></html> Remarque : Vous insérerez plus tard dans ce fichier l'adresse IP de votre instance Cloud SQL, ainsi que le mot de passe de votre base de données. Mais pour le moment, ne le modifiez pas.

6. Appuyez sur Ctrl+O, puis sur Entrée pour enregistrer les modifications.

7. Appuyez sur Ctrl+X pour quitter l'éditeur de texte nano.

8. Redémarrez le serveur Web :

sudo service apache2 restart

9. Ouvrez un nouvel onglet du navigateur Web, et dans la barre d'adresse, collez l'adresse IP externe de votre instance de VM bloghost, suivie de /index.php. L'URL doit ressembler à ceci :

35.192.208.2/index.php Remarque : Veillez à utiliser l'adresse IP externe de votre instance de VM suivie de /index.php. N'utilisez pas l'adresse IP interne de l'instance de VM. N'utilisez pas non plus l'exemple d'adresse IP fourni ci-dessus.

Lorsque vous chargez la page, son contenu affiche un message d'erreur commençant ainsi :

Database connection failed: ... Remarque : Ce message s'affiche parce que vous n'avez pas encore configuré la connexion PHP vers votre instance Cloud SQL.

10. Revenez à votre session SSH sur bloghost. Utilisez l'éditeur de texte nano pour modifier à nouveau le fichier index.php.

sudo nano index.php

11. Dans l'éditeur de texte nano, remplacez CLOUDSQLIP par l'adresse IP publique de l'instance Cloud SQL que vous avez notée précédemment. Conservez les guillemets qui encadrent la valeur.

12. Dans l'éditeur de texte nano, remplacez DBPASSWORD par le mot de passe de la base de données Cloud SQL que vous avez défini plus haut. Conservez les guillemets qui encadrent la valeur.

13. Appuyez sur Ctrl+O, puis sur Entrée pour enregistrer les modifications.

14. Appuyez sur Ctrl+X pour quitter l'éditeur de texte nano.

15. Redémarrez le serveur Web :

sudo service apache2 restart

16. Revenez à l'onglet du navigateur Web dans lequel vous avez ouvert l'adresse IP externe de votre instance de VM bloghost. Lorsque vous chargez la page, le message suivant s'affiche :

Database connection succeeded. Remarque : En situation réelle, les visiteurs du blog ne pourraient pas consulter l'état de la connexion à la base de données. Cette connexion serait exclusivement gérée par l'administrateur.

Tâche 6 : Configurer une application dans une instance Compute Engine afin qu'elle utilise un objet Cloud Storage

1. Dans la console Google Cloud, cliquez sur Cloud Storage > Buckets.

2. Cliquez sur le bucket portant le nom de votre projet Google Cloud.

3. Il contient un objet nommé my-excellent-blog.png. Dans la colonne Accès public de cet objet, copiez l'URL à l'aide de l'icône de lien ou des mots "Lien public" s'ils s'affichent.

Remarque : Si vous ne voyez ni une icône de lien, ni les mots "Lien public", actualisez le navigateur. Si le problème persiste, revenez à Cloud Shell et vérifiez que la modification de la liste de contrôle d'accès de l'objet via la commande gsutil acl ch a bien fonctionné.

4. Revenez à votre session SSH sur votre instance de VM bloghost.

5. Saisissez la commande suivante pour définir votre répertoire de travail sur la racine du document du serveur Web :

cd /var/www/html

6. Utilisez l'éditeur de texte nano pour modifier le fichier index.php :

sudo nano index.php

7. Utilisez les touches fléchées pour placer le curseur sur la ligne qui contient l'élément h1. Appuyez sur Entrée pour ouvrir une nouvelle ligne vide, dans laquelle vous allez coller l'URL copiée précédemment.

8. Copiez le balisage HTML suivant et collez-le juste avant l'URL :

<img src='

9. À la fin de l'URL, placez un guillemet simple et un chevron fermant :

'>

La ligne obtenue doit se présenter comme suit :

<img src='https://storage.googleapis.com/qwiklabs-gcp-0005e186fa559a09/my-excellent-blog.png'>

Ces étapes permettent de placer la ligne contenant <img src='...'> juste avant la ligne contenant <h1>...</h1>

Remarque : Ne copiez pas l'URL ci-dessus. Copiez celle affichée dans le navigateur Storage de votre projet Cloud Platform.

10. Appuyez sur Ctrl+O, puis sur Entrée pour enregistrer les modifications.

11. Appuyez sur Ctrl+X pour quitter l'éditeur de texte nano.

12. Redémarrez le serveur Web :

sudo service apache2 restart

13. Revenez à l'onglet du navigateur Web dans lequel vous avez ouvert l'adresse IP externe de votre instance de VM bloghost. Lorsque vous chargez la page, son contenu affiche maintenant une image de bannière.

Félicitations !

Dans cet atelier, vous avez configuré une instance Cloud SQL. Vous avez ensuite connecté à celle-ci une application s'exécutant dans une instance Compute Engine. Vous avez aussi utilisé un bucket Cloud Storage.

Terminer l'atelier

Une fois l'atelier terminé, cliquez sur Terminer l'atelier. Google Cloud Skills Boost supprime les ressources que vous avez utilisées, puis efface le compte.

Si vous le souhaitez, vous pouvez noter l'atelier. Sélectionnez un nombre d'étoiles, saisissez un commentaire, puis cliquez sur Envoyer.

Le nombre d'étoiles correspond à votre degré de satisfaction :

• 1 étoile = très insatisfait(e)
• 2 étoiles = insatisfait(e)
• 3 étoiles = ni insatisfait(e), ni satisfait(e)
• 4 étoiles = satisfait(e)
• 5 étoiles = très satisfait(e)

Si vous ne souhaitez pas donner votre avis, vous pouvez fermer la boîte de dialogue.

Pour soumettre des commentaires, suggestions ou corrections, veuillez accéder à l'onglet Assistance.

Copyright 2020 Google LLC Tous droits réservés. Google et le logo Google sont des marques de Google LLC. Tous les autres noms d'entreprises et de produits peuvent être des marques des entreprises auxquelles ils sont associés.

Autres ressources

Consultez la documentation Google Cloud Platform sur Cloud SQL.

Consultez la documentation Google Cloud Platform sur Cloud Storage.