Exercice : Créer et déployer une application web à partir d’une image Docker

Effectué

Azure App Service fournit l’environnement d’hébergement pour une application web Azure. Vous pouvez configurer App Service pour récupérer l’image pour l’application web à partir d’un référentiel dans Azure Container Registry.

Dans l’exemple de scénario, l’équipe a chargé l’image pour l’application web dans Azure Container Registry et elle est maintenant prête à déployer l’application web.

Dans cette unité, vous allez créer une application web en utilisant l’image Docker stockée dans Azure Container Registry. Vous allez utiliser App Service avec un plan App Service prédéfini pour héberger l’application web.

Activer l’accès de Docker à Azure Container Registry

Vous utilisez Docker pour vous connecter au registre et tirer l’image web que vous voulez déployer. Docker a besoin d’un nom d’utilisateur et d’un mot de passe pour effectuer cette action. Container Registry vous permet de définir le nom du registre comme nom d’utilisateur et la clé d’accès administrateur comme mot de passe pour permettre à Docker de se connecter à votre registre de conteneurs.

  1. Connectez-vous au portail Azure et accédez à Toutes les ressources. Le volet Toutes les ressources s’affiche.

  2. Sélectionnez le registre de conteneurs que vous avez créé précédemment pour accéder à sa page Vue d’ensemble.

  3. Dans le volet de menu gauche, sous Paramètres, sélectionnez Clés d’accès. Le volet Clés d’accès apparaît pour votre registre de conteneurs.

  4. Cochez la case Utilisateur administrateur. Cette modification est automatiquement enregistrée.

Vous êtes maintenant prêt à créer votre application web.

Créer une application web

  1. Revenez à la page d’accueil du portail Azure et, sous Services Azure, sélectionnez Créer une ressource. Le volet Créer une ressource apparaît.

  2. Dans le volet du menu de gauche, sélectionnez Web et, sous Services Azure populaires, sélectionnez Application web.

    Screenshot that shows the Azure Marketplace with Web App selected.

    Le volet Créer une application web s’affiche.

  3. Sous l’onglet Informations de base, entrez les valeurs suivantes pour chaque paramètre.

    Paramètre Valeur
    Détails du projet
    Abonnement Sélectionnez votre abonnement Azure par défaut dans lequel vous êtes autorisé à créer et à gérer des ressources.
    Groupe de ressources Dans la liste déroulante, sélectionnez le groupe de ressources existant learn-deploy-container-acr-rg.
    Détails de l’instance
    Nom Entrez un nom unique et notez-le pour une utilisation ultérieure.
    Publier Conteneur Docker
    Système d’exploitation Linux
    Région Sélectionnez le même emplacement proche de vous que dans l’exercice précédent.
    Plans tarifaires
    Plan Linux Utilisez la valeur par défaut.
    Plan tarifaire Utilisez la valeur par défaut.
    Redondance de zone
    Redondance de zone Utilisez la valeur par défaut.
  4. Sélectionnez l’onglet Docker en haut de l’écran.

  5. Sous l’onglet Docker, entrez les valeurs suivantes pour chaque paramètre.

    Paramètre Valeur
    Options Conteneur unique
    Source d’image Azure Container Registry
    Options Azure Container Registry
    Registre Sélectionnez votre registre.
    Image webimage
    Étiquette latest
    Commande de démarrage Laissez vide ce paramètre.
  6. Sélectionnez Vérifier et créer, puis sélectionnez Créer. Attendez que l’application web ait été déployée avant de continuer.

Tester l’application web

  1. Une fois le déploiement effectué, sélectionnez Accéder à la ressource pour voir l’application web que vous venez de créer. Le volet App Service apparaît pour votre application web.

  2. Dans la barre de menus supérieure, sélectionnez Parcourir pour ouvrir le site sous un nouvel onglet de navigateur.

  1. Après le délai de démarrage à froid pendant lequel l’image Docker de votre application se charge et démarre, vous voyez une page similaire à la suivante :

    Screenshot of the sample Docker image.

  1. Après le délai de démarrage à froid pendant lequel l’image Docker de votre application se charge et démarre, vous voyez une page similaire à la suivante :

    Screenshot of the sample Welcome to Express.

App Service héberge maintenant l’application provenant de votre image Docker.