Partage via


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

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 guide de démarrage rapide vous montre comment utiliser le portail Microsoft Azure pour configurer la haute disponibilité pour une application web avec Azure Front Door (classique). Vous créez une configuration Azure Front Door (classique) qui distribue le trafic entre deux instances d’une application web s’exécutant dans différentes régions Azure. La configuration utilise des back-ends de pondération et de priorité identiques, ce qui signifie qu’Azure Front Door dirige le trafic vers le site disponible le plus proche qui héberge l’application. Azure Front Door surveille également l’intégrité de l’application web et effectue un basculement automatique vers le site suivant le plus proche si le site le plus proche est arrêté.

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

Prérequis

Créer deux instances d’une application web

test

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. Les instances de l’application web fonctionnent en mode actif/Actif, ce qui signifie qu’elles peuvent gérer le trafic simultanément. Cette configuration est différente du mode actif/en veille, où une instance sert de solution de secours pour l’autre.

Pour suivre ce guide de démarrage rapide, vous avez besoin de deux applications web qui s’exécutent dans différentes régions Azure. Si vous ne les avez pas déjà, vous pouvez utiliser ces étapes pour créer des exemples d’applications web.

  1. Connectez-vous au portail Azure.

  2. Dans le coin supérieur gauche de l’écran, sélectionnez + Créer une ressource, 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, indiquez ou sélectionnez les détails suivants.

    Paramètre Valeur
    Abonnement Choisissez votre abonnement.
    Groupe de ressources Sélectionnez Créer, puis tapez FrontDoorQS_rg1 dans la zone de texte.
    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 et tapez myAppServicePlanCentralUS dans la zone de texte.
    Référence et taille Sélectionnez Standard S1 100 ACU au total, 1,75 Go de mémoire.
  4. Sélectionnez Vérifier + créer et vérifiez les détails du résumé. Ensuite, sélectionnez Créer pour lancer le processus de déploiement. Le déploiement peut prendre plusieurs minutes.

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

Une fois que vous avez correctement déployé votre première application web, passez à la création d’une autre application. Suivez les mêmes étapes et entrez les mêmes valeurs que précédemment, à l’exception des valeurs répertoriées :

Paramètre Valeur
Groupe de ressources Sélectionnez Créer et tapez FrontDoorQS_rg2
Nom Tapez un nom unique pour votre application web, dans cet exemple, WebAppContoso-2
Région Sélectionnez une région différente de celle de la première application web, 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 que vous avez créé une instance Front Door, il faut quelques minutes pour que la configuration soit déployée globalement. Une fois terminé, accédez à l’hôte front-end que vous avez créé. Dans le navigateur, accédez à l’adresse de votre hôte front-end. Vos requêtes sont automatiquement acheminées vers le serveur le plus proche parmi les serveurs spécifiés dans le pool de back-end.

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

Pour tester la fonction de basculement global instantané, essayez 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 le navigateur, comme décrit précédemment, puis accédez à votre adresse 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 Oui pour confirmer.

  6. Actualisez votre navigateur. Vous devriez voir la même page d’informations.

    Conseil

    Ces actions peuvent prendre un certain temps pour prendre effet. Vous devrez peut-être actualiser à nouveau le navigateur. »

  7. Recherchez l’autre application web, puis arrêtez-la également.

  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 que vous avez terminé, vous pouvez supprimer tous les éléments que vous avez créés. La suppression du groupe de ressources supprime également son contenu. Si vous n’envisagez pas d’utiliser cette instance Front Door, vous devez supprimer les ressources pour éviter des frais inutiles.

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

  2. Filtrez ou faites défiler la liste pour rechercher un groupe de ressources, par exemple FrontDoorQS_rg0.

  3. Choisissez le groupe de ressources, puis sélectionnez Supprimer le groupe de ressources.

    Avertissement

    Cette action ne peut pas être annulée.

  4. Entrez le nom du groupe de ressources que vous souhaitez supprimer, puis sélectionnez Supprimer.

  5. Répétez ces étapes pour les deux groupes restants.

Étapes suivantes

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