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.

    Screenshot that shows creating a project through the 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.

    Screenshot of Azure DevOps that shows the Repos menu and the Files item.

  2. Sélectionnez Cloner.

    Screenshot of Azure DevOps that shows the repository and the Clone button.

  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.

    Screenshot of Azure DevOps that shows the repository settings and the button for cloning in 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.

    Screenshot of Visual Studio Code that shows a prompt to open the cloned repository.

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.

    Screenshot of the Visual Studio Code terminal window, with the bash option shown.

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

    Screenshot of the Visual Studio Code terminal window, with the terminal shell dropdown shown and Git Bash Default selected.

  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.

    Screenshot of the Visual Studio Code terminal window, with the bash terminal and the plus sign selected.

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.

    Screenshot of the Visual Studio Code terminal window, with the p w s h option displayed in the shell dropdown.

  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.

    Screenshot of the Visual Studio Code terminal window, with the terminal shell dropdown shown and powershell selected.

  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.

    Screenshot of the Visual Studio Code terminal window, with the powershell terminal and the plus sign selected.

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.

    Screenshot of Azure DevOps that shows the menu item for project settings.

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

    Screenshot of Azure DevOps that shows the button for creating a service connection.

  3. Sélectionnez Azure Resource Manager>Suivant.

    Screenshot of Azure DevOps that shows the Azure Resource Manager service connection type.

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

    Screenshot of Azure DevOps that shows the service principal option.

  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.

    Screenshot of Azure DevOps that shows completed details for creating a service connection for the test environment.

    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.

    Screenshot of Azure DevOps that shows the page for creating a service connection for the production environment, with completed details.

    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.

    Screenshot of the Azure DevOps interface that shows the Pipelines menu and the Environments item.

  2. Sélectionnez Nouvel environnement.

    Screenshot of the Azure DevOps interface that shows the Environments page and the button for creating an environment.

  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.

    Screenshot of the Azure DevOps page for a new environment named Test, with completed details and the Create button.

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

    Screenshot of the Azure DevOps page for an environment named Test, with the More Actions menu displayed and the Security item highlighted.

  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.

    Screenshot of the Azure DevOps page for an environment named Test, with the More Actions menu displayed and the Open access item highlighted.

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

    Screenshot of the Azure DevOps page for an environment named Test, including the arrow button.

  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.

    Screenshot of the Azure DevOps page for a new environment named Production, with completed details.

    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.

    Screenshot of the Azure DevOps interface that shows the Website environment and the button with three dots.

  2. Sélectionnez Approbations.

    Screenshot of the Azure DevOps interface that shows the page for adding a check and the Approvals item.

  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 Créer.

    Screenshot of the Azure DevOps interface that shows the page for adding an approval check, with completed details and the Create button.

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.

    Screenshot of the Azure DevOps interface that shows the list of environments and the Website environment.

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

    Screenshot of the Azure DevOps interface that shows the test environment, with the More Actions menu and the Delete button highlighted.

  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.

    Screenshot of the Azure DevOps interface that shows the pipeline and the Edit button.

  4. Sélectionnez le bouton Variables.

    Screenshot of the Azure DevOps interface that shows the pipeline and the Variables button.

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

    Screenshot of the Azure DevOps interface that shows the list of variables and the delete button.

  6. Sélectionnez Enregistrer.

    Screenshot of the Azure DevOps interface that shows the deletion of three variables and the Save button.