Início Rápido: Crie um Front Door para um aplicativo Web global altamente disponível

  • Artigo

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 que você migre seus perfis do Azure Front Door (clássico) para a camada Standard ou Premium do Azure Front Door até março de 2027. Para obter mais informações, consulte Desativação do Azure Front Door (clássico).

Este início rápido mostra como usar o portal do Azure para configurar a alta disponibilidade para um aplicativo Web com o Azure Front Door. Você criará uma configuração do Front Door que distribui o tráfego entre duas instâncias de um aplicativo Web em execução em diferentes regiões do Azure. A configuração usa back-ends ponderados e de mesma prioridade, o que significa que o Azure Front Door direciona o tráfego para o site disponível mais próximo que hospeda o aplicativo. O Azure Front Door também monitora a integridade do aplicativo Web e executa o failover automático para o segundo site mais próximo se o site 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. As instâncias do aplicativo Web operam no modo Ativo/Ativo, o que significa que ambas podem lidar com o tráfego simultaneamente. Essa configuração é diferente do modo Ativo/Em repouso, em que uma instância serve como um backup para a outra.

Para seguir este início rápido, você precisa de dois aplicativos Web executados em diferentes regiões do Azure. Se você ainda não os tiver, poderá usar essas etapas para criar aplicativos Web de exemplo.

  1. Entre no portal do Azure.

  2. No canto superior esquerdo da tela, selecione + Criar um recurso e pesquise Aplicativo Web.

    Crie um aplicativo Web no portal do Azure.

  3. Na guia Básico da página Criar aplicativo Web, forneça os detalhes a seguir.

    Configuração Valor
    Assinatura Escolha sua assinatura.
    Grupo de recursos Selecione Criar e digite FrontDoorQS_rg1 na caixa de texto.
    Nome Digite um Nome exclusivo para o aplicativo Web. Por exemplo, WebAppContoso-1.
    Publicar Selecione Código.
    Pilha de runtime Selecione .NET Core 3.1 (LTS) .
    Sistema operacional Selecione Windows.
    Região Selecione EUA Central.
    Plano do Windows Selecione Criar e digite myAppServicePlanCentralUS na caixa de texto.
    SKU e tamanho Selecione S1 Standard 100 ACU no total, 1,75 GB de memória.

  4. Selecione Examinar + criar e verifique os detalhes do resumo. Em seguida, selecione Criar para iniciar o processo de implantação. A implantação pode levar vários minutos para ser concluída.

    Captura de tela mostrando a página Criar Aplicativo Web.

Depois de implantar seu primeiro aplicativo Web com sucesso, prossiga para criar outro. Siga as mesmas etapas e insira os mesmos valores de antes, exceto os listados:

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

Criar um Front Door para seu aplicativo

Configure o Azure Front Door para direcionar o tráfego do usuário com base na latência mais baixa entre os dois servidores do aplicativo Web. Comece adicionando um host de front-end ao Azure Front Door.

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

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

  3. Na guia Básico da página Criar um Front Door, forneça ou selecione as informações a seguir e selecione Avançar: Configuração.

    Configuração Valor
    Assinatura Selecione sua assinatura.
    Grupo de recursos Selecione Criar e digite FrontDoorQS_rg0 na caixa de texto.
    Localização do grupo de recursos Selecione EUA Central.

  4. Em Front-ends/domínios, selecione + para abrir a página Adicionar um host de front-end.

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

    Adicionar um host de front-end ao Azure Front Door.

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

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

  2. Para Nome, digite myBackendPool e selecione Adicionar um back-end.

    Adicionar um pool de back-end.

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

    Configuração Valor
    Tipo de host de back-end Selecione Serviço de Aplicativo.
    Assinatura Selecione sua assinatura.
    Nome do host de back-end Selecione o primeiro aplicativo Web criado. Por exemplo, WebAppContoso-1.

    Manter todos os outros campos com os valores padrão.

    Adicionar um host de back-end ao seu Front Door.

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

    Configuração Valor
    Tipo de host de back-end Selecione Serviço de Aplicativo.
    Assinatura Selecione sua assinatura.
    Nome do host de back-end Selecione o segundo aplicativo Web criado. Por exemplo, WebAppContoso-2.

    Manter todos os outros campos com os valores padrão.

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

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

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

  1. Ainda em Criar um Front Door, em Regras de roteamento, selecione + para configurar uma regra de roteamento.

  2. Em Adicionar uma regra, para Nome, digite LocationRule. Mantenha todos os valores padrão e, em seguida, 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 de front-end no Azure Front Door com 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 de front-end no caminho padrão /* entre todas as regras de roteamento. Caso contrário, o tráfego do usuário final pode não ser roteado corretamente.

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

    Azure Front Door configurado.

Ver o Azure Front Door em ação

Depois de criar um Front Door, a configuração leva alguns minutos para ser implantada globalmente; depois de concluída, acesse o host de front-end que você criou. No navegador, vá para o endereço do host de front-end. Suas solicitações são roteadas automaticamente para o servidor mais próximo com base nos servidores especificados no pool de back-end.

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

Para testar o recurso de failover global instantâneo, tente as seguintes etapas:

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

    Captura de tela do serviço de front-end.

  2. Na página de Visão geral, copie o endereço do Host de front-end.

    Captura de tela do endereço do host de front-end.

  3. Abra o navegador, conforme descrito anteriormente e vá para o endereço de front-end.

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

  5. Selecione seu aplicativo Web e, em seguida, selecione Parar e Sim para confirmar.

  6. Atualize seu navegador. Você deverá ver a mesma página de informações.

    Dica

    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 seu navegador. Desta vez, você deverá ver uma mensagem de erro.

    Ambas as instâncias do aplicativo Web foram interrompidas.

Limpar os recursos

Depois de terminar, você poderá remover todos os itens que criou. Excluir o grupo de recursos também exclui seu conteúdo. Se você não pretende usar esse Front Door, remova os recursos para evitar encargos desnecessários.

  1. No portal do Azure, pesquise e selecione Grupos de recursos ou escolha Grupos de recursos no menu do portal do Azure.

  2. Filtre ou role para baixo para localizar um grupo de recursos, por exemplo, FrontDoorQS_rg0.

  3. Escolha o grupo de recursos e selecione Excluir grupo de recursos.

    Aviso

    Essa ação não pode ser desfeita.

  4. Insira o nome do grupo de recursos que você deseja excluir e selecione Excluir.

  5. Repita essas etapas para os dois grupos restantes.

Próximas etapas

Prossiga para o próximo artigo para saber como configurar um domínio personalizado para o Front Door.

Adicionar um domínio personalizado