Início Rápido: criar um Front Door para uma aplicação Web global de elevada disponibilidade

Começa com a Porta frontal do Azure, utilizando o portal do Azure para configurar uma alta disponibilidade para uma aplicação web.

Neste quickstart, a Azure Front Door junta dois casos de uma aplicação web que funciona em diferentes regiões do Azure. Cria-se uma configuração da Porta frontal baseada em apoios iguais ponderados e as mesmas prioridades. Esta configuração direciona o tráfego para o local mais próximo que executa a aplicação. A porta frontal Azure monitoriza continuamente a aplicação web. O serviço fornece falha automática para o próximo site disponível quando o site mais próximo está indisponível.

Diagrama do ambiente de implantação da porta frontal utilizando o portal do Azure.

Pré-requisitos

Criar duas instâncias de uma aplicação web

Este quickstart requer duas instâncias de uma aplicação web que funciona em diferentes regiões do Azure. Ambas as instâncias de aplicação web são executadas no modo Ative/Ative , para que qualquer um possa tomar o tráfego. Esta configuração difere de uma configuração Ative/Stand-By , onde se atua como uma falha.

Se ainda não tiver uma aplicação web, use os seguintes passos para definir exemplo de aplicações web.

  1. Inicie sessão no portal do Azure em https://portal.azure.com.

  2. No lado superior esquerdo do ecrã, selecione Criar umaWeb App de recursos>.

    Crie uma aplicação web no portal do Azure.

  3. No separador Básicos da página 'Criar Aplicação Web', insira ou selecione as seguintes informações.

    Definição Valor
    Subscrição Selecione a sua subscrição.
    Grupo de recursos Selecione Criar novo e introduza FrontDoorQS_rg1 na caixa de texto.
    Nome Introduza um Nome único para a sua aplicação web. Este exemplo utiliza o 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 insira o myAppServicePlanCentralUS na caixa de texto.
    SKU e tamanho Selecione Standard S1 100 total ACU, memória de 1,75 GB.
  4. Selecione Rever + criar, rever o Resumo e, em seguida, selecione Criar. Pode levar alguns minutos para a colocação estar completa.

    Screenshot mostrando a página de Aplicação Web.

Depois da sua implementação estar concluída, crie uma segunda aplicação web. Utilizar o mesmo procedimento com os mesmos valores, com exceção dos seguintes valores:

Definição Valor
Grupo de recursos Selecione Criar novo e introduza FrontDoorQS_rg2
Nome Insira um nome único para a sua Web App, neste exemplo, WebAppContoso-2
Região Uma região diferente, neste exemplo, Leste dos EUA
>plano de Serviço de AplicaçõesPlano Windows Selecione Novo e insira myAppServicePlanEastUS e, em seguida, selecione OK

Criar um Front Door para a sua aplicação

Configure a Porta Frontal Azure para direcionar o tráfego do utilizador com base na latência mais baixa entre os dois servidores de aplicações web. Para começar, adicione um anfitrião frontal para a Porta frontal Azure.

  1. Na página inicial ou no menu Azure, selecione Criar um recurso. Selecione >perfis de redeVeja todos os>perfis da porta frontal e cdn.

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

  3. No separador Básicos da página 'Criar uma porta da frente ', introduza ou selecione as seguintes informações e, em seguida, selecione Seguinte: Configuração.

    Definição Valor
    Subscrição Selecione a sua subscrição.
    Grupo de recursos Selecione Criar novo e introduza FrontDoorQS_rg0 na caixa de texto.
    Localização do grupo de recursos Selecione Central US.
  4. Em Frontends/domínios, selecione + para abrir Adicione um anfitrião frontal.

  5. Para o nome hospedeiro, insira um nome de anfitrião globalmente único. Este exemplo usa contoso-frontend. Selecione Adicionar.

    Adicione um anfitrião frontal para a Porta frontal Azure.

Em seguida, crie uma piscina de backend que contenha as suas duas aplicações web.

  1. Ainda em Criar uma Porta frontal, em piscinas backend, selecione + para abrir Adicione uma piscina de backend.

  2. Para nomear, insira o myBackendPool e, em seguida, selecione Adicionar um backend.

    Adicione uma piscina de backend.

  3. No painel De backend Add, selecione as seguintes informações e selecione Adicionar.

    Definição Valor
    Tipo de anfitrião backend Selecione o serviço de aplicações.
    Subscrição Selecione a sua subscrição.
    Nome do anfitrião backend Selecione a primeira aplicação web que criou. Neste exemplo, a aplicação web era o WebAppContoso-1.

    Deixe todos os outros campos padrão.

    Adicione um anfitrião de backend à sua porta da frente.

  4. Selecione Adicione novamente um backend. selecione as seguintes informações e selecione Adicionar.

    Definição Valor
    Tipo de anfitrião backend Selecione o serviço de aplicações.
    Subscrição Selecione a sua subscrição.
    Nome do anfitrião backend Selecione a segunda aplicação web que criou. Neste exemplo, a aplicação web foi WebAppContoso-2.

    Deixe todos os outros campos padrão.

  5. Selecione Adicione o painel de piscina de backend para completar a configuração da piscina de backend.

    Adicione uma piscina de backend para a Porta frontal Azure.

Finalmente, adicione uma regra de encaminhamento. Uma regra de encaminhamento mapeia o seu anfitrião frontal para a piscina de backend. A regra remete um pedido para contoso-frontend.azurefd.neto myBackendPool.

  1. Ainda em Criar uma porta frontal, nas regras de encaminhamento, selecione + para configurar uma regra de encaminhamento.

  2. In Add a rule, for Name, insira LocationRule. Aceite todos os valores predefinidos e, em seguida, selecione Adicionar para adicionar a regra de encaminhamento.

    Screenshot mostrando Adicione uma regra ao criar porta frontal.

    Aviso

    Deve certificar-se de que cada um dos anfitriões frontais da porta da frente tem uma regra de encaminhamento com um caminho predefinido (/*) associado a ela. Ou seja, em todas as suas regras de encaminhamento deve haver pelo menos uma regra de encaminhamento para cada um dos seus anfitriões frontend definidos no caminho padrão (/*). Se não o fizer, o tráfego do utilizador final não será corretamente encaminhado.

  3. Selecione 'Rever + Criar' e, em seguida, Criar.

    Portas da frente Azure configuradas.

Ver Azure Front Door em ação

Uma vez que você cria uma porta frontal, leva alguns minutos para a configuração ser implantada globalmente. Uma vez concluído, aceda ao anfitrião frontal que criou. Num browser, aceda ao endereço de anfitrião frontend. O seu pedido será automaticamente encaminhado para o servidor mais próximo para si a partir dos servidores especificados na piscina de backend.

Se criou estas aplicações neste arranque rápido, verá uma página de informação.

Para testar o failover global instantâneo em ação, experimente os seguintes passos:

  1. Abra o grupo de recursos FrontDoorQS_rg0 e selecione o serviço frontend.

    Screenshot do serviço frontend.

  2. Na página 'Vista Geral ', copie o endereço do anfitrião Frontend .

    Screenshot do endereço do anfitrião frontal.

  3. Abra um navegador, como descrito acima, e vá para o seu endereço frontal.

  4. Na portal do Azure, procure e selecione os serviços de Aplicação. Desloque-se para encontrar uma das suas aplicações web, o WebAppContoso-1 neste exemplo.

  5. Selecione a sua aplicação web e, em seguida, selecione Stop e Yes para verificar.

  6. Atualize o seu browser. Devia ver a mesma página de informação.

    Dica

    Há um pouco de atraso para estas ações. Talvez precises de voltar a refrescar-te.

  7. Encontre a outra aplicação web, e pare-a também.

  8. Atualize o seu browser. Desta vez, deve ver uma mensagem de erro.

    Ambos os casos da aplicação web pararam.

Limpar os recursos

Depois de terminar, pode remover todos os itens que criou. A eliminação de um grupo de recursos também elimina o seu conteúdo. Se não pretender usar esta Porta frontal, deve remover recursos para evitar cargas desnecessárias.

  1. Na portal do Azure, procure e selecione grupos de Recursos ou selecione grupos de Recursos a partir do menu portal do Azure.

  2. Filtre ou desloque-se para baixo para encontrar um grupo de recursos, como FrontDoorQS_rg0.

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

    Aviso

    Esta ação é irreversível.

  4. Digite o nome do grupo de recursos para verificar e, em seguida, selecione Delete.

Repita o procedimento para os outros dois grupos.

Passos seguintes

Avance para o próximo artigo para aprender a adicionar um domínio personalizado à sua Porta da Frente.