Exercice : Configurer votre environnement

  • 5 minutes

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, effectuez les tâches suivantes :

  • 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 connexions et environnements de service dans Azure Pipelines.

Obtenir le projet Azure DevOps

Dans cette section, vous allez vérifier 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 à attribuer un nouveau nom au projet.

Exécuter le modèle

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

Exécuter le modèle

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

  1. Sélectionnez Sign In, puis acceptez les conditions d’utilisation du site en sélectionnant Accept.

  2. Dans la page Create New Project, sélectionnez votre organisation Azure DevOps, puis, dans la zone New Project Name, entrez un nom de projet, tel que toy-website-end-to-end.

    Capture d’écran du volet Azure DevOps Demo Generator pour la création d’un nouveau projet

  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, avec Fichiers en surbrillance.

  2. Sélectionnez Cloner.

    Capture d’écran d’Azure DevOps montrant le dépôt, avec le bouton Cloner en surbrillance.

  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,puis 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 (VS) Code, sélectionnez Ouvrir.

    Capture d’écran d’Azure DevOps montrant les paramètres du dépôt, avec le bouton Cloner dans VS Code mis en évidence.

  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, puis sélectionnez Sélectionner l’emplacement du référentiel.

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

    • Pour Windows, entrez les mêmes informations d'identification que celles que vous avez utilisées pour vous connecter à Azure DevOps plus tôt dans cet exercice.

    • Pour 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 avec une invite pour ouvrir le référentiel cloné et le bouton Ouvrir en surbrillance.

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 une autre pour votre environnement de production. Ce processus crée automatiquement un principal de service dans Azure. Il accorde également au principal de service le rôle Contributeur sur votre groupe de ressources, ce qui permet de déployer le pipeline dans le groupe de ressources.

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

    Capture d’écran d’Azure DevOps montrant le menu, avec l’élément Paramètres du projet mis en évidence.

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

    Capture d’écran d’Azure DevOps montrant le volet Connexions de service, avec le bouton Créer une connexion de service mis en évidence.

  3. Sélectionnez Azure Resource Manager>Suivant.

    Capture d’écran d’Azure DevOps montrant le volet Connexions de service, avec le type de connexion de service Azure Resource Manager mis en évidence.

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

    Capture d’écran d’Azure DevOps montrant le volet Nouvelle connexion au service Azure, avec l’option Principal de service (automatique) mise en évidence.

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

    Si une fenêtre contextuelle s’affiche avec un message vous invitant à vous connecter à Azure, entrez vos informations d’identification et connectez-vous.

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

  7. Dans la zone Nom de la connexion au service, entrez ToyWebsiteTest. Assurez-vous que la case Autoriser l’accès à tous les pipelines est cochée.

    Capture d’écran d’Azure DevOps montrant le volet Nouvelle connexion au service Azure pour l’environnement de test, avec les détails renseignés et le bouton Enregistrer mis en évidence.

    Conseil

    Dans cet exercice, 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. Sélectionnez Enregistrer.

  9. Répétez les étapes 1 à 8 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 le volet Nouvelle connexion au service Azure pour l’environnement de production, avec les détails renseignés et le bouton Enregistrer mis en évidence.

    Si la liste de groupes de ressources ne s’affiche pas, actualisez la page dans votre navigateur, entrez vos informations d’identification si vous y êtes invité, puis réessayez.

Notes

Dans les modules précédents de ce parcours d’apprentissage, vous avez ajouté une vérification d’approbation à votre environnement de production. Dans ce module, pour des raisons de simplicité, vous ignorez le contrôle d’approbation. Toutefois, vous pouvez ajouter la vérification d’approbation vous-même si vous le souhaitez.