Partager via

Démarrage rapide : créer une instance Azure Front Door (classique) à l’aide du portail Microsoft Azure

  • Article

Important

Azure Front Door (classique) va être mis hors service le 31 mars 2027. Pour éviter toute interruption de service, il est important de migrer vos profils Azure Front Door (classique) vers le niveau Azure Front Door Standard ou Premium au plus en mars 2027. Pour plus d’informations, consultez Mise hors service d’Azure Front Door (classique).

Ce démarrage rapide vous guide tout au long de la configuration de la haute disponibilité pour une application web en utilisant Azure Front Door (classique) via le portail Azure. Vous configurez Azure Front Door pour distribuer le trafic entre deux instances de l’application web dans des régions Azure différentes. La configuration utilise des back-ends de même pondération et de même priorité, dirigeant le trafic vers le site disponible le plus proche. Azure Front Door surveille également l’intégrité des applications web et bascule automatiquement vers le site suivant le plus proche si le site le plus proche est en panne.

Diagramme de l’environnement de déploiement Front Door avec le portail Azure.

Prérequis

Créer deux instances d’une application web

Pour suivre ce guide de démarrage rapide, vous avez besoin de deux instances d’une application web s’exécutant dans différentes régions Azure. Ces instances fonctionnent en mode actif/actif, ce qui signifie qu’elles peuvent gérer le trafic simultanément. Cette configuration diffère du mode actif/en veille, où une instance sert de solution de secours.

Si vous ne disposez pas déjà des applications web, procédez comme suit pour les créer :

  1. Connectez-vous au portail Azure.

  2. Sélectionnez + Créer une ressource dans le coin supérieur gauche, puis recherchez Application web.

    Créer une application web dans le portail Azure.

  3. Sous l’onglet Informations de base de la page Créer une application web, spécifiez ou sélectionnez les détails suivants :

    Paramètre Valeur
    Abonnement Choisissez votre abonnement.
    Groupe de ressources Sélectionnez Créer nouveau, puis tapez FrontDoorQS_rg1.
    Nom Tapez un nom unique pour votre application web, par exemple WebAppContoso-1.
    Publier Sélectionnez Code.
    Pile d’exécution Sélectionnez .NET Core 3.1 (LTS) .
    Système d’exploitation Sélectionnez Windows.
    Région Sélectionnez USA Centre.
    Plan Windows Sélectionnez Créer nouveau , puis tapez myAppServicePlanCentralUS.
    Référence et taille Sélectionnez Standard S1 100 ACU au total, 1,75 Go de mémoire.

  4. Sélectionnez Vérifier et créer, vérifiez les détails du résumé, puis sélectionnez Créer pour lancer le déploiement. Le déploiement peut prendre plusieurs minutes.

    Capture d’écran montrant la page Créer une application web.

  5. Après avoir déployé la première application web, créez-en une autre avec les mêmes étapes, mais avec les modifications suivantes :

    Paramètre Valeur
    Groupe de ressources Sélectionnez Créer nouveau, puis tapez FrontDoorQS_rg2.
    Nom Tapez un nom unique pour votre application web, par exemple WebAppContoso-2.
    Région Sélectionnez une région différente, par exemple USA Est.
    Plan App Service>Plan Windows Sélectionnez Nouveau et tapez myAppServicePlanEastUS, puis sélectionnez OK.

Créer une porte d’entrée pour votre application

Configurez Azure Front Door pour diriger le trafic utilisateur selon la plus faible latence entre les deux serveurs de l’application web. Commencez par ajouter un hôte front-end pour Azure Front Door.

  1. Dans la page d’accueil ou le menu Azure, sélectionnez + Créer une ressource. Sélectionnez Mise en réseau>Profils Front Door et CDN.

  2. Dans la page Comparer les offres, sélectionnez Explorer d’autres offres. Sélectionnez ensuite Azure Front Door (classique). Sélectionnez Continuer.

  3. Sous l’onglet Général de la page Créer une instance Front Door, entrez ou sélectionnez les informations suivantes, puis sélectionnez Suivant : Configuration.

    Paramètre Valeur
    Abonnement Sélectionnez votre abonnement.
    Groupe de ressources Sélectionnez Créer, puis tapez FrontDoorQS_rg0 dans la zone de texte.
    Emplacement du groupe de ressources Sélectionnez USA Centre.

  4. Dans Front-ends/domaines, sélectionnez + pour ouvrir Ajouter un hôte front-end.

  5. Pour Nom d’hôte, tapez un nom d’hôte globalement unique. Par exemple, contoso-frontend. Sélectionnez Ajouter.

    Ajouter un hôte front-end pour Azure Front Door.

Ensuite, configurez un pool back-end qui inclut vos deux applications web.

  1. Toujours dans Créer une instance Front Door, dans Pools back-end, sélectionnez + pour ouvrir la page Ajouter un pool back-end.

  2. Pour Nom, tapez myBackendPool, puis sélectionnez Ajouter un back-end.

    Ajouter un pool de back-ends.

  3. Dans le volet Ajouter un back-end, entrez ou sélectionnez les informations suivantes, puis sélectionnez Ajouter.

    Paramètre Valeur
    Type de l’hôte backend Sélectionner App Service.
    Abonnement Sélectionnez votre abonnement.
    Nom de l’hôte backend Sélectionnez la première application web que vous avez créée. Par exemple, WebAppContoso-1.

    Laissez tous les autres champs sur leurs valeurs par défaut.

    Ajouter un hôte back-end à Front Door.

  4. « Sélectionnez Ajouter un back-end de nouveau. Entrez ou sélectionnez les informations suivantes, puis sélectionnez Ajouter.

    Paramètre Valeur
    Type de l’hôte backend Sélectionner App Service.
    Abonnement Sélectionnez votre abonnement.
    Nom de l’hôte backend Sélectionnez la deuxième application web que vous avez créée. Par exemple, WebAppContoso-2.

    Laissez tous les autres champs sur leurs valeurs par défaut.

  5. Sélectionnez Ajouter sur la page Ajouter un pool de back-end pour terminer la configuration du pool de back-end.

    Ajouter un pool de back-ends pour Azure Front Door.

Enfin, créez une règle d’acheminement. Une règle d’acheminement mappe votre hôte front-end au pool de back-end. La règle achemine une requête pour contoso-frontend.azurefd.net à myBackendPool.

  1. Toujours dans Créer une instance Front Door, dans Règles d’acheminement, sélectionnez + pour configurer une règle d’acheminement.

  2. Dans Ajouter une règle, pour Nom, tapez LocationRule. Gardez toutes les valeurs par défaut, puis sélectionnez Ajouter pour créer la règle d’acheminement. »

    Capture d’écran montrant Ajouter une règle lors de la création de Front Door.

    Avertissement

    Il est essentiel que vous associez chacun des hôtes front-end dans votre instance Azure Front Door à une règle d’acheminement qui a un chemin d’accès par défaut /*. Cela signifie que vous devez disposer d’au moins une règle d’acheminement pour chacun de vos hôtes front-end au chemin d’accès par défaut /* parmi toutes vos règles d’acheminement. Sinon, il est possible que votre trafic d’utilisateur final ne soit pas correctement acheminé.

  3. Sélectionnez Vérifier + créer et vérifiez les détails. Ensuite, sélectionnez Créer pour démarrer le déploiement.

    Azure Front Door configuré.

Voir Azure Front Door à l’œuvre

Une fois la porte d’entrée créée, le déploiement global de la configuration prend quelques minutes. Après le déploiement, accédez à l’hôte front-end que vous avez créé en accédant à son adresse dans votre navigateur. Vos requêtes sont routées automatiquement vers le serveur le plus proche parmi les serveurs spécifiés dans le pool de back-ends.

Si vous avez suivi ce guide de démarrage rapide pour créer les applications web, vous voyez normalement une page d’informations.

Pour tester la fonctionnalité de basculement global instantané, effectuez les étapes suivantes :

  1. Accédez au groupe de ressources FrontDoorQS_rg0 et sélectionnez le service Front Door.

    Capture d’écran du service front-end.

  2. Dans la page Vue d’ensemble, copiez l’adresse de l’hôte front-end.

    Capture d’écran de l’adresse de l’hôte front-end.

  3. Ouvrez votre navigateur et accédez à l’adresse du front-end.

  4. Dans le portail Azure, recherchez et sélectionnez App Services. Faites défiler la liste jusqu’à l’une de vos applications web, WebAppContoso-1 dans cet exemple.

  5. Sélectionnez votre application web, puis sélectionnez Arrêter et confirmez en sélectionnant Oui.

  6. Actualisez votre navigateur. Vous devez encore voir la page d’informations.

    Conseil

    Ces actions peuvent prendre un certain temps pour prendre effet. Il peut être nécessaire de réactualiser le navigateur.

  7. Recherchez l’autre application web et arrêtez-la aussi.

  8. Actualisez votre navigateur. Cette fois, vous devriez voir un message d’erreur.

    Les deux instances de l’application web arrêtées.

Nettoyer les ressources

Une fois le démarrage rapide terminé, vous pouvez supprimer les ressources que vous avez créées pour éviter les frais inutiles. La suppression d’un groupe de ressources supprime également tout son contenu.

  1. Dans le portail Azure, recherchez et sélectionnez Groupes de ressources dans le menu.

  2. Recherchez le groupe de ressources que vous voulez supprimer, comme FrontDoorQS_rg0.

  3. Sélectionnez le groupe de ressources, puis Supprimer le groupe de ressources.

    Avertissement

    Cette action est irréversible.

  4. Entrez le nom du groupe de ressources pour confirmer la suppression, puis sélectionnez Supprimer.

  5. Répétez ces étapes pour les autres groupes de ressources.

Étapes suivantes

Passez à l’article suivant pour apprendre à configurer un domaine personnalisé pour votre instance Front Door.

Ajouter un domaine personnalisé