Exercício – implementar uma aplicação Web com blocos de implementação

Concluído

Quando estiver preparado para trocar dois blocos, certifique-se de que a configuração correta foi aplicada aos blocos trocados.

Suponha que concluiu a versão de teste 2 da sua aplicação Web para redes sociais. Agora, você deseja implantar essa versão na produção. Pretende simplificar ainda mais a implementação ao trocar automaticamente as futuras versões da aplicação.

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

Configurar uma definição de bloco

Antes de implementar a versão 2 da aplicação Web, configure as definições de bloco. 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 trocar os blocos.

Para configurar as definições de bloco:

  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. Selecione a caixa de verificação definição de bloco de implementação para torná-la numa definição de bloco. Selecione OK.

  4. Adicione outra definição denominada APP_VERSION e introduza o valor 1. Não a torne numa definição de bloco. Selecione OK.

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

  6. Repita os passos anteriores no bloco de Teste, mas utilize os seguintes valores:

    Nome Valor Definição de bloco de implementação
    ENVIRONMENT_NAME teste Sim
    APP_VERSION 2 Não

Trocar os blocos

Agora que testou a versão 2 da aplicação Web no bloco de teste, pode implementá-la através da troca de blocos. 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 Troca de slots>de implantação.

    Screenshot of starting a swap.

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

    Screenshot of completing a swap.

  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 o separador do browser.

Configurar a troca automática do bloco de teste

Suponha que agora que está a utilizar blocos de implementação, pretende ativar a implementação contínua. Vai fazer isso ao utilizar a funcionalidade de troca de automática da aplicação Web. Num sistema que utiliza a troca automática, quando implementa o novo código no bloco de teste, o Azure testa-o automaticamente e implementa-o na produção ao trocar os blocos de teste pelos de produção. Para configurar a troca automática, siga estes passos:

  1. Vá para o painel Configuração do aplicativo Web do slot de preparo e vá para a guia Configurações gerais .

  2. Defina a opção Troca automática ativada como Ativado.

  3. Na lista Ranhura de implementação de permuta automática, selecione produção e, em seguida, selecione Guardar e Continuar.

    Screenshot of configuring auto swap.

Implementar o novo código e trocá-lo automaticamente para produção

Agora, você modificará o código para criar a versão 3 do aplicativo Web. Quando a implementar no bloco de teste, verá uma troca 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 Arquivo à esquerda, expanda aspnet-get-started>Views>Home e 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. Quando lhe for pedido, introduza a palavra-passe de implementação.

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

    Aguarde pela conclusão da implementação. Próximo do fim da saída de texto, verá uma mensagem a indicar que a implementação solicitou uma troca automática para o bloco de produção.

  7. No portal do Azure, vá para a página Visão geral do aplicativo Web do slot de produção e selecione Procurar. 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 a nova versão

Suponha que durante a implementação da versão 3 da sua aplicação para produção ocorreu um problema inesperado. Para resolver rapidamente o problema, é possível reverter para a versão anterior do site através de uma nova troca de blocos.

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

  2. Troque os blocos de teste e de produção.

  3. Quando a troca terminar, na página Visão geral , selecione Procurar para exibir o aplicativo uma última vez. Verá que a versão 2 foi novamente implementada para produção.