Partilhar via


Guia de início rápido: criar uma porta frontal do Azure (clássica) usando o portal do Azure

Importante

O Azure Front Door (clássico) será desativado em 31 de março de 2027. Para evitar qualquer interrupção do serviço, é importante migrar seus perfis do Azure Front Door (clássico) para a camada Azure Front Door Standard ou Premium até março de 2027. Para obter mais informações, consulte Aposentadoria (clássica) do Azure Front Door.

Este guia de início rápido orienta você na configuração da alta disponibilidade para um aplicativo Web usando o Azure Front Door (clássico) por meio do portal do Azure. Você configura o Azure Front Door para distribuir o tráfego entre duas instâncias de aplicativo Web em diferentes regiões do Azure. A configuração usa back-ends com o mesmo peso e a mesma prioridade, direcionando o tráfego para o site disponível mais próximo. O Azure Front Door também monitora a integridade dos aplicativos Web e executa automaticamente failover para o próximo site mais próximo se o mais próximo estiver inativo.

Diagrama do ambiente de implantação do Front Door usando o portal do Azure.

Pré-requisitos

Criar duas instâncias de um aplicativo Web

Para concluir este início rápido, você precisa de duas instâncias de um aplicativo Web em execução em diferentes regiões do Azure. Essas instâncias operam no modo Ativo/Ativo , o que significa que podem lidar com o tráfego simultaneamente. Essa configuração difere do modo Ativo/Stand-By , onde uma instância serve como backup.

Se ainda não tiver as aplicações Web, siga estes passos para as criar:

  1. Inicie sessão no portal do Azure.

  2. Selecione + Criar um recurso no canto superior esquerdo e procure por Web App.

    Crie um aplicativo Web no portal do Azure.

  3. Na guia Noções básicas da página Criar aplicativo Web, forneça ou selecione os seguintes detalhes:

    Definição Value
    Subscrição Escolha a sua subscrição.
    Grupo de recursos Selecione Criar novo e digite FrontDoorQS_rg1.
    Nome Digite um nome exclusivo para seu aplicativo Web, por exemplo, WebAppContoso-1.
    Publicar Selecione Código.
    Pilha de runtime Selecione .NET Core 3.1 (LTS).
    Sistema operativo Selecione Windows.
    Região Selecione Central US.
    Plano do Windows Selecione Criar novo e digite myAppServicePlanCentralUS.
    SKU e tamanho Selecione Standard S1 100 ACU total, 1,75 GB de memória.
  4. Selecione Rever + criar, verifique os detalhes do resumo e, em seguida, selecione Criar para iniciar a implementação. A implantação pode levar vários minutos.

    Captura de ecrã a mostrar a página Criar Aplicação Web.

  5. Depois de implantar o primeiro aplicativo Web, crie outro com as mesmas etapas, mas com as seguintes alterações:

    Definição Value
    Grupo de recursos Selecione Criar novo e digite FrontDoorQS_rg2.
    Nome Digite um nome exclusivo para seu aplicativo Web, por exemplo, WebAppContoso-2.
    Região Selecione uma região diferente, por exemplo, Leste dos EUA.
    Plano do Serviço de>Aplicativo Plano do Windows Selecione Novo e digite myAppServicePlanEastUS e, em seguida, selecione OK.

Criar um Front Door para a sua aplicação

Configure o Azure Front Door para rotear o tráfego de usuários com base na menor latência entre os dois servidores de aplicativos Web. Comece adicionando um host frontend para o Azure Front Door.

  1. Na home page ou no menu do Azure, selecione + Criar um recurso. Selecione os perfis Rede,>Front Door e CDN.

  2. Na página Comparar ofertas, selecione Explorar outras ofertas. Em seguida, selecione Azure Front Door (clássico). Em seguida, selecione Continuar.

  3. Na guia Noções básicas da página Criar uma porta da frente, forneça ou selecione as seguintes informações e selecione Avançar: Configuração.

    Definição Value
    Subscrição Selecione a sua subscrição.
    Grupo de recursos Selecione Criar novo e digite FrontDoorQS_rg0 na caixa de texto.
    Localização do grupo de recursos Selecione Central US.
  4. Em Frontends/domínios, selecione + para abrir Adicionar uma página de host frontend.

  5. Em Nome do host, digite um nome de host globalmente exclusivo. Por exemplo, contoso-frontend. Selecione Adicionar.

    Adicione um host frontend para o Azure Front Door.

Em seguida, configure um pool de back-end que inclua seus dois aplicativos Web.

  1. Ainda em Criar uma porta frontal, em Pools de back-end, selecione + para abrir a página Adicionar um pool de back-end.

  2. Em Name, digite myBackendPool e selecione Add a backend.

    Adicione um pool de back-end.

  3. Forneça ou selecione as seguintes informações no painel Adicionar um back-end e selecione Adicionar.

    Definição Value
    Tipo de host de back-end Selecione Serviço de aplicativo.
    Subscrição Selecione a sua subscrição.
    Nome do host de back-end Selecione o primeiro aplicativo Web que você criou. Por exemplo, WebAppContoso-1.

    Mantenha todos os outros campos padrão.

    Adicione um host de back-end à sua porta da frente.

  4. "Selecione Adicionar um back-end novamente. Forneça ou selecione as seguintes informações e selecione Adicionar.

    Definição Value
    Tipo de host de back-end Selecione Serviço de aplicativo.
    Subscrição Selecione a sua subscrição.
    Nome do host de back-end Selecione o segundo aplicativo Web que você criou. Por exemplo, WebAppContoso-2.

    Mantenha todos os outros campos padrão.

  5. Selecione Adicionar na página Adicionar um pool de back-end para concluir a configuração do pool de back-end.

    Adicione um pool de back-end para o Azure Front Door.

Por fim, crie uma regra de roteamento. Uma regra de roteamento vincula seu host de front-end ao pool de back-end. A regra encaminha uma solicitação para contoso-frontend.azurefd.net myBackendPool.

  1. Ainda em Criar uma porta frontal, em Regras de roteamento, selecione + para configurar uma regra de roteamento.

  2. Em Adicionar uma regra, em Nome, digite LocationRule. Mantenha todos os valores padrão e selecione Adicionar para criar a regra de roteamento."

    Captura de tela mostrando Adicionar uma regra ao criar o Front Door.

    Aviso

    É essencial que você associe cada um dos hosts front-end em sua Porta da Frente do Azure a uma regra de roteamento que tenha um caminho /*padrão. Isso significa que você precisa ter pelo menos uma regra de roteamento para cada um dos seus hosts frontend no caminho /* padrão entre todas as suas regras de roteamento. Caso contrário, o tráfego do usuário final pode não ser roteado corretamente.

  3. Selecione Rever + criar e verifique os detalhes. Em seguida, selecione Criar para iniciar a implantação.

    Azure Front Door configurado.

Veja o Azure Front Door em ação

Depois de criar uma porta frontal, leva alguns minutos para que a configuração seja implantada globalmente. Após a implantação, acesse o host frontend que você criou navegando até seu endereço no navegador. Suas solicitações são automaticamente roteadas para o servidor mais próximo a partir dos servidores especificados no pool de back-end.

Se você seguiu este início rápido para criar os aplicativos Web, deverá ver uma página de informações.

Para testar o recurso de failover global instantâneo, siga estas etapas:

  1. Navegue até o FrontDoorQS_rg0 do grupo de recursos e selecione o serviço Front Door.

    Captura de tela do serviço frontend.

  2. Na página Visão geral, copie o endereço do host Frontend.

    Captura de tela do endereço do host frontend.

  3. Abra seu navegador e vá para o endereço de frontend.

  4. No portal do Azure, procure e selecione Serviços de aplicativo. Role para baixo para encontrar um de seus aplicativos Web, por exemplo, WebAppContoso-1.

  5. Selecione seu aplicativo Web, selecione Parar e confirme selecionando Sim.

  6. Atualize o seu browser. Você ainda deve ver a página de informações.

    Gorjeta

    Essas ações podem levar algum tempo para entrar em vigor. Talvez seja necessário atualizar o navegador novamente.

  7. Localize o outro aplicativo Web e pare-o também.

  8. Atualize o seu browser. Desta vez, você verá uma mensagem de erro.

    Ambas as instâncias do aplicativo Web foram interrompidas.

Clean up resources (Limpar recursos)

Depois de concluir o início rápido, você pode excluir os recursos criados para evitar cobranças desnecessárias. A exclusão de um grupo de recursos também exclui todo o seu conteúdo.

  1. No portal do Azure, procure e selecione Grupos de recursos no menu.

  2. Localize o grupo de recursos que você deseja excluir, como FrontDoorQS_rg0.

  3. Selecione o grupo de recursos e, em seguida, selecione Excluir grupo de recursos.

    Aviso

    Esta ação é irreversível.

  4. Introduza o nome do grupo de recursos para confirmar a eliminação e, em seguida, selecione Eliminar.

  5. Repita estas etapas para os outros grupos de recursos.

Próximos passos

Prossiga para o próximo artigo para saber como configurar um domínio personalizado para a sua porta da frente.