Exercício - Implantar um aplicativo Web usando slots de implantação

  • 10 minutos

Quando estiver pronto para trocar dois slots, certifique-se de que aplicou a configuração correta aos slots trocados.

Suponha que você tenha terminado de testar a versão 2 do seu aplicativo Web de mídia social. Agora, você deseja implantar essa versão na produção. Você deseja simplificar ainda mais a implantação trocando automaticamente versões futuras do aplicativo.

Aqui, você aprenderá como trocar manual e automaticamente.

Definir uma configuração de slot

Antes de implantar a versão 2 da aplicação web, configure uma definição de slot. As configurações definidas aqui não afetarão seu aplicativo de demonstração. O objetivo deste exercício é apenas ver como as configurações funcionam quando você troca slots.

Para definir as configurações do slot:

  1. Na vista Todos os recursos no portal do Azure, aceda à página Descrição Geral da ranhura de produção da aplicação Web.

  2. Navegue até o painel Configuração do slot de implantação.

  3. Selecione + Nova configuração do aplicativo. Adicione uma nova configuração com o nome ENVIRONMENT_NAME e um valor de produção. Marque a caixa definir slot de implantação para torná-la uma configuração de slot. Selecione OK.

  4. Adicione outra configuração chamada APP_VERSION e insira o valor 1. Não faça disso uma configuração de slot. Selecione OK.

  5. Na barra de menus superior, selecione Guardar e, em seguida, selecione Continuar.

  6. Repita as etapas anteriores no slot de Staging , mas use os seguintes valores:

    Nome Valor Configuração do slot de implantação
    ENVIRONMENT_NAME Encenação Sim
    VERSÃO_APP 2 Não

Troque os slots

Agora que testou a versão 2 da aplicação web no slot de pré-produção, pode implantá-la trocando os slots. Siga estes passos:

  1. Para se certificar de que está a configurar a ranhura de produção, selecione Todos os recursos e, em seguida, selecione a ranhura de produção da aplicação Web.

  2. No painel de menu esquerdo, em Implantação, selecione slots de implantação>Troca.

    Captura de ecrã do início de uma troca.

  3. Certifique-se de que está prestes a trocar os espaços de preparação e produção. Observe como a troca afetará as configurações. O valor da configuração APP_VERSION será trocado entre os slots, mas o valor da configuração do slot ENVIRONMENT não será trocado. Selecione Trocar.

    Captura de ecrã a mostrar a conclusão de uma troca.

  4. Quando a troca estiver concluída, vá para a página Visão geral do aplicativo Web do slot de produção e selecione Procurar. O aplicativo Web aparece em uma nova guia do navegador. Observe que a versão 2 do aplicativo Web está agora em produção.

  5. Feche a guia do navegador.

Configurar a troca automática para o slot de encenação

Suponha que agora que você está usando slots de implantação, você deseja habilitar a implantação contínua. Você fará isso usando o recurso de troca automática para seu aplicativo Web. Em um sistema que usa a troca automática, quando você implanta um novo código no slot de preparação, o Azure o aquece automaticamente e o implanta na produção trocando os slots de preparo e produção. Para configurar a troca automática, siga estas etapas:

  1. Vá para o painel de Configuração da aplicação web do slot de preparação e vá para a guia de Configurações Gerais .

  2. Defina Troca automática ativada como Ativado.

  3. Na lista de slots de implementação de troca automática , selecione produção , e depois selecione Salvar e Continuar .

    Captura de ecrã a mostrar a configuração da troca automática.

Implante um novo código e integre-o automaticamente na produção

Agora, você modificará o código para criar a versão 3 do aplicativo Web. Ao despachá-lo para o slot de ensaio, verá uma permuta automática em ação. Siga estes passos:

  1. No lado direito do Cloud Shell, reinicie o editor se ele ainda não estiver em execução.

    cd ~/demoapp/app-service-web-dotnet-get-started/
code .

  2. No editor de códigos, na lista de ficheiros à esquerda, expanda aspnet-get-started>Views>Home e, em seguida, selecione Index.cshtml.

  3. Localize o código a seguir.

    <h1>Web App Version 2</h1>

  4. Substitua esse código por este código.

    <h1>Web App Version 3</h1>

  5. Para salvar as alterações, pressione Ctrl+S.

  6. No Cloud Shell, execute os seguintes comandos. Digite sua senha de implantação quando solicitado.

    git add .
git commit -m "Third version of web app."
git push staging

    Aguarde a conclusão da implantação. Perto do final da saída de texto, você verá uma mensagem que indica que a implantação solicitou uma troca automática para o slot de produção.

  7. No portal do Azure, vá para a página Visão geral da aplicação web do slot de produção e selecione Navegar. A terceira versão do aplicativo Web aparece em uma nova guia do navegador. Se a versão antiga for mostrada, talvez seja necessário aguardar brevemente e, em seguida, atualizar a página. A operação de permuta é atômica e ocorre instantaneamente, mas o Serviço de Aplicativo leva alguns momentos para preparar a operação de permuta antes de ser executada.

Reverter para a versão anterior

Suponha que a implantação da versão 3 do seu aplicativo na produção revelou um problema inesperado. Para resolvê-lo rapidamente, você pode reverter para a versão anterior do site trocando os slots novamente.

  1. Vá para o painel Slots de implantação do aplicativo Web do slot de produção.

  2. Troque os slots de preparação e produção.

  3. Quando a troca terminar, na página Visão geral, selecione Visualizar para ver o app uma última vez. Você verá que a versão 2 foi implementada novamente em produção.