Exercice : Configurer votre environnement

Effectué

Important

Vous avez besoin de votre propre abonnement Azure pour exécuter cet exercice et des frais pourraient vous être facturés. Si vous n’avez pas d’abonnement Azure, créez un compte gratuit avant de commencer.

Avant de commencer à travailler sur le pipeline du site web de votre entreprise de jouets, vous devez configurer votre environnement. Dans cette unité, vous vérifiez que vos environnements Azure et Azure DevOps sont configurés pour suivre le reste de ce module.

Pour atteindre ces objectifs, vous allez :

  • Configurez un projet Azure DevOps pour ce module.
  • Cloner le dépôt du projet sur votre ordinateur.
  • Créer deux groupes de ressources dans Azure.
  • Créer deux environnements et connexions de service dans Azure Pipelines.
  • Supprimer les ressources dont vous n’avez pas besoin dans le projet Azure DevOps créé au préalable.

Obtenir le projet Azure DevOps

Vérifiez que votre organisation Azure DevOps est configurée pour effectuer les étapes restantes de ce module. Vous la configurez en exécutant un modèle qui crée un projet dans Azure DevOps.

Les modules de ce parcours d’apprentissage font partie d’une progression. Pour les besoins de l’apprentissage, chaque module est associé à un projet Azure DevOps.

Conseil

Même si vous avez terminé le module précédent dans le parcours d’apprentissage, suivez ces instructions pour créer un nouveau projet. Veillez à lui attribuer un nouveau nom.

Exécuter le modèle

Exécuter un modèle qui configure votre projet Azure DevOps.

Sur le site Azure DevOps Demo Generator, effectuez les étapes suivantes :

  1. Sélectionnez Sign In et acceptez les conditions d’utilisation.

  2. Dans la page Create New Project, sélectionnez votre organisation Azure DevOps. Entrez ensuite un nom de projet, comme toy-website-environments.

    Capture d’écran qui montre la création d’un projet avec Azure DevOps Demo Generator.

  3. Sélectionnez Create Project.

    L’exécution du modèle prend quelques instants. Il crée automatiquement un pipeline et un fichier Bicep que vous allez utiliser dans les exercices suivants.

  4. Sélectionnez Navigate to project pour accéder à votre projet dans Azure DevOps.

Important

L’exercice final de ce module contient des étapes de nettoyage importantes. Veillez à suivre les étapes de nettoyage même si vous n’allez pas au bout de ce module.

Cloner le référentiel

  1. Sélectionnez Dépôts>Fichiers.

    Capture d’écran d’Azure DevOps montrant le menu Dépôts et l’élément Fichiers

  2. Sélectionnez Cloner.

    Capture d’écran d’Azure DevOps montrant le dépôt et le bouton Cloner

  3. Si vous utilisez macOS, vous avez besoin d’un mot de passe spécial pour cloner le dépôt Git. Sélectionnez Générer des informations d’identification Git et copiez le nom d’utilisateur et le mot de passe affichés en lieu sûr.

  4. Sélectionnez Cloner dans VS code. Si vous êtes invité à autoriser l’ouverture de Visual Studio Code, sélectionnez Ouvrir.

    Capture d’écran d’Azure DevOps montrant les paramètres du dépôt et le bouton Cloner dans Visual Studio Code

  5. Si une boîte de dialogue s’affiche pour vous demander d’autoriser une extension à ouvrir l’URI de dépôt, sélectionnez Ouvrir.

  6. Créez un dossier à utiliser pour le référentiel, choisissez Sélectionner l’emplacement du référentiel.

  7. Si vous utilisez ce référentiel pour la première fois, vous êtes invité à vous connecter.

    • Si vous utilisez Windows, entrez les informations d’identification que vous avez précédemment utilisées pour vous connecter à Azure DevOps dans cet exercice.

    • Si vous utilisez macOS, entrez le nom d’utilisateur et le mot de passe Git que vous avez générés il y a quelques instants.

  8. Visual Studio Code vous invite à ouvrir le référentiel. Sélectionnez Ouvrir.

    Capture d’écran de Visual Studio Code montrant une invite pour ouvrir le référentiel cloné

Connexion à Azure

Pour utiliser des groupes de ressources dans Azure, connectez-vous à votre compte Azure à partir du terminal Visual Studio Code. Veillez à installer les outils Azure CLI.

  1. Dans le menu Terminal, sélectionnez Nouveau terminal. La fenêtre de terminal s’ouvre généralement dans la moitié inférieure de votre écran.

  2. Si l’interpréteur de commandes affiché sur le côté droit de la fenêtre de terminal est bash, il s’agit du bon interpréteur de commandes qui est ouvert et vous pouvez passer à la section suivante.

    Capture d’écran de la fenêtre de terminal Visual Studio Code avec l’option bash affichée.

  3. Si un interpréteur de commandes autre que bash s’affiche, sélectionnez la liste déroulante d’interpréteurs de commandes, puis sélectionnez Git Bash (par défaut).

    Capture d’écran de la fenêtre de terminal Visual Studio Code avec la liste déroulante de l’interpréteur de commande affichée et l’option Git Bash par défaut sélectionnée.

  4. Dans la liste d’interpréteurs de commandes de terminal, sélectionnez bash, puis le signe plus pour ouvrir un nouveau terminal qui utilise l’interpréteur de commandes bash.

    Capture d’écran de la fenêtre de terminal Visual Studio Code avec le terminal bash et le signe plus sélectionnés.

Connexion à Azure avec l’interface Azure CLI

  1. Dans le terminal Visual Studio Code, exécutez la commande suivante pour vous connecter à Azure :

    az login
    
  2. Dans le navigateur qui s’ouvre, connectez-vous à votre compte Azure.

Pour utiliser des groupes de ressources dans Azure, connectez-vous à votre compte Azure à partir du terminal Visual Studio Code. Vérifiez que vous avez installé Azure PowerShell.

  1. Dans le menu Terminal, sélectionnez Nouveau terminal. La fenêtre de terminal s’ouvre généralement dans la moitié inférieure de votre écran.

  2. Si l’interpréteur de commandes affiché sur le côté droit de la fenêtre de terminal est powershell ou pwsh, il s’agit du bon interpréteur de commandes qui est ouvert et vous pouvez passer à la section suivante.

    Capture d’écran de la fenêtre de terminal Visual Studio Code, avec l’option p w s h indiquée dans la liste déroulante de l’interpréteur de commande.

  3. Si un interpréteur de commandes autre que powershell ou pwsh s’affiche, sélectionnez la liste déroulante d’interpréteurs de commandes, puis sélectionnez PowerShell.

    Capture d’écran de la fenêtre de terminal Visual Studio Code avec la liste déroulante de l’interpréteur de commande affichée et powershell sélectionné.

  4. Dans la liste d’interpréteurs de commandes de terminal, sélectionnez powershell ou pwsh, puis sélectionnez le signe plus pour ouvrir un nouveau terminal qui utilise l’interpréteur de commandes powershell ou pwsh.

    Capture d’écran de la fenêtre de terminal Visual Studio Code avec le terminal PowerShell et le signe plus sélectionnés.

Connectez-vous à Azure en utilisant Azure PowerShell

  1. Dans le terminal Visual Studio Code, exécutez la commande suivante pour vous connecter à Azure :

    Connect-AzAccount
    
  2. Dans le navigateur qui s’ouvre, connectez-vous à votre compte Azure.

Créer deux groupes de ressources dans Azure

Pour créer les deux nouveaux groupes de ressources, exécutez les commandes Azure CLI suivantes dans le terminal Visual Studio Code :

az group create --name ToyWebsiteTest --location westus3
az group create --name ToyWebsiteProduction --location westus3

Pour créer les deux nouveaux groupes de ressources, exécutez les commandes Azure PowerShell suivantes dans le terminal Visual Studio Code :

New-AzResourceGroup -Name ToyWebsiteTest -Location westus3
New-AzResourceGroup -Name ToyWebsiteProduction -Location westus3

Créer des connexions de service dans Azure Pipelines

Ensuite, créez deux connexions de service dans Azure Pipelines : une pour votre environnement de test et l’autre pour votre environnement de production. Ce processus crée automatiquement un principal de service dans Azure. Cela accorde également au principal du service le rôle Contributeur sur votre groupe de ressources, ce qui permet au pipeline de déployer sur le groupe de ressources.

  1. Dans votre navigateur, sélectionnez Paramètres du projet.

    Capture d’écran d’Azure DevOps montrant l’élément de menu des paramètres du projet

  2. Sélectionnez Connexions de service>Créer une connexion de service.

    Capture d’écran d’Azure DevOps montrant le bouton pour la création d’une connexion de service

  3. Sélectionnez Azure Resource Manager>Suivant.

    Capture d’écran d’Azure DevOps montrant le type de connexion de service Azure Resource Manager

  4. Sélectionnez Principal de service (automatique)>Suivant.

    Capture d’écran d’Azure DevOps montrant l’option de principal de service

  5. Dans la liste déroulante Abonnement, sélectionnez votre abonnement Azure.

    Une fenêtre contextuelle peut s’afficher et vous inviter à vous connecter à Azure. Si c’est le cas, entrez vos informations d’identification et connectez-vous.

  6. Dans la liste déroulante Groupe de ressources, sélectionnez ToyWebsiteTest.

  7. Dans Nom de la connexion au service, entrez ToyWebsiteTest. Assurez-vous que la case Accorder une autorisation d’accès à tous les pipelines est cochée, puis sélectionnez Enregistrer.

    Capture d’écran d’Azure DevOps montrant les détails de la création d’une connexion de service pour l’environnement de test

    Conseil

    Par souci de simplicité, vous donnez à tous les pipelines l’accès à votre connexion de service. Lorsque vous créez des connexions de service réelles qui fonctionnent avec des ressources en production, limitez l’accès aux pipelines qui en ont besoin.

  8. Répétez le processus précédent pour créer une autre connexion de service nommée ToyWebsiteProduction, qui est déployée dans le groupe de ressources nommé ToyWebsiteProduction.

    Capture d’écran d’Azure DevOps montrant la page de création d’une connexion de service pour l’environnement de production, avec les détails renseignés

    Si la liste de groupes de ressources n’est pas mise à jour, actualisez la page dans votre navigateur, puis réessayez.

Créer des environnements dans Azure Pipelines

  1. Dans votre navigateur, accédez à Pipelines>Environnements.

    Capture d’écran de l’interface Azure DevOps montrant le menu Pipelines et l’élément Environnements

  2. Sélectionnez Nouvel environnement.

    Capture d’écran de l’interface Azure DevOps montrant la page Environnements et le bouton de création d’un environnement

  3. Entrez Test comme nom d’environnement.

    Laissez la description vide. Dans Ressource, sélectionnez Aucune. Sélectionnez ensuite Créer.

    Notes

    Dans Azure Pipelines, les environnements sont utilisés pour activer les fonctionnalités de déploiement. Certaines de ces fonctionnalités s’appliquent seulement quand vous effectuez un déploiement sur Kubernetes ou sur des machines virtuelles. Dans ce module, nous n’utilisons pas ces fonctionnalités et vous pouvez les ignorer.

    Capture d’écran de la page Azure DevOps d’un nouvel environnement, nommé Test, avec les détails renseignés et le bouton Créer

    Pour qu’un pipeline puisse utiliser l’environnement, vous devez lui accorder l’autorisation. Par souci de simplicité, vous autorisez tous les pipelines à accéder à l’environnement. Dans vos propres pipelines, vous devez restreindre l’accès aux environnements uniquement aux pipelines qui en ont besoin.

  4. Sélectionnez le bouton avec trois points et sélectionnez Sécurité.

    Capture d’écran de la page Azure DevOps pour un environnement nommé Test, avec le menu Autres actions affiché et l’élément Sécurité en surbrillance

  5. Dans la section intitulée Autorisations de pipeline, s’il existe un bouton Restreindre l’autorisation, sélectionnez-le.

  6. Sélectionnez le bouton avec trois points. Sélectionnez Ouvrir l’accès.

    Capture d’écran de la page Azure DevOps pour un environnement nommé Test, avec le menu Autres actions affiché et l’élément Ouvrir l’accès en surbrillance

  7. Cliquez deux fois sur la flèche gauche pour revenir à la liste des environnements.

    Capture d’écran de la page Azure DevOps pour un environnement nommé Test, avec le bouton fléché.

  8. Répétez le processus pour créer un autre environnement nommé Production. N’oubliez pas de le configurer pour ouvrir l’accès.

    Capture d’écran de la page Azure DevOps d’un nouvel environnement, nommé Production, avec les détails renseignés

    Laissez la page de l’environnement de production ouverte.

Ajouter une vérification d’approbation à l’environnement de production

  1. En haut à droite de la page, sélectionnez le bouton avec trois points et sélectionnez Approbations et vérifications dans le menu contextuel.

    Capture d’écran de l’interface Azure DevOps qui montre l’environnement du site web et le bouton à trois points

  2. Sélectionnez Approbations.

    Capture d’écran de l’interface Azure DevOps montrant la page d’ajout d’une vérification et l’élément Approbations

  3. Dans la zone de texte Approbateurs, tapez votre nom et sélectionnez-vous.

  4. Sélectionnez le bouton avec la flèche en regard de Avancé.

    Notez que, par défaut, les approbateurs sont autorisés à approuver les exécutions qu’ils ont déclenchées. Étant donné que vous êtes la seule personne qui va utiliser ce pipeline, laissez cette case cochée. Dans d’autres organisations, vous devrez peut-être spécifier un autre approbateur pour répondre aux exigences de conformité.

  5. Sélectionnez Create (Créer).

    Capture d’écran de l’interface Azure DevOps montrant la page d’ajout d’une vérification d’approbation, avec les détails renseignés et le bouton Créer

Supprimer l’ancien environnement

Dans les versions précédentes du pipeline, vous utilisiez un environnement unique nommé Site web. Maintenant que vous avez créé des environnements de pipeline qui représentent vos nouveaux environnements, vous allez supprimer l’ancien environnement de pipeline.

  1. Accédez à Pipelines>Environnements.

  2. Sélectionnez l’environnement Site web.

    Capture d’écran de l’interface Azure DevOps montrant la liste des environnements et l’environnement Site web

  3. En haut à droite de la page, sélectionnez le bouton avec trois points et sélectionnez Supprimer dans le menu contextuel.

    Capture d’écran de l’interface Azure DevOps montrant l’environnement de test, avec le menu Autres actions et le bouton Supprimer en surbrillance

  4. Sélectionnez Supprimer pour confirmer la suppression.

Supprimer les anciennes variables

Dans les versions précédentes du pipeline, vous avez utilisé un ensemble unique de variables pour définir les paramètres et la configuration du déploiement. Maintenant que vous déployez dans plusieurs environnements, vous pouvez supprimer ces variables et les remplacer rapidement par des ensembles de variables spécifiques à l’environnement.

  1. Accédez à Pipelines>Pipelines.

  2. Sélectionnez le pipeline toy-website-environments.

  3. Sélectionnez le bouton Modifier.

    Capture d’écran de l’interface Azure DevOps montrant le pipeline et le bouton Modifier

  4. Sélectionnez le bouton Variables.

    Capture d’écran de l’interface Azure DevOps montrant le pipeline et le bouton Variables

  5. Sélectionnez le bouton Supprimer une variable pour chacune des trois variables.

    Capture d’écran de l’interface Azure DevOps montrant la liste des variables et le bouton Supprimer

  6. Sélectionnez Enregistrer.

    Capture d’écran de l’interface Azure DevOps montrant la suppression de trois variables et le bouton Enregistrer