Compartilhar via


Início Rápido: Implantar um aplicativo Web ASP.NET

Observação

A partir de 1º de junho de 2024, todos os aplicativos recém-criados do Serviço de Aplicativo terão a opção de gerar um nome de host padrão exclusivo usando a convenção de nomenclatura <app-name>-<random-hash>.<region>.azurewebsites.net. Os nomes de aplicativos existentes permanecerão inalterados.

Exemplo: myapp-ds27dh7271aah175.westus-01.azurewebsites.net

Para obter mais detalhes, consulte Nome do Host Padrão Exclusivo para o Recurso do Serviço de Aplicativo.

Neste guia de início rápido, você aprenderá a criar e implantar seu primeiro aplicativo Web ASP.NET no Serviço de Aplicativo do Azure. O Serviço de Aplicativo dá suporte a várias versões de aplicativos .NET e fornece um serviço de hospedagem na Web altamente escalonável e com aplicação de patch automática. Os aplicativos Web ASP.NET são multiplataforma e podem ser hospedados no Linux ou no Windows. Quando terminar, você terá um grupo de recursos do Azure que consistirá em um plano de hospedagem do Serviço de Aplicativo e um Serviço de Aplicativo com um aplicativo Web implantado.

Como alternativa, você pode implantar um aplicativo Web ASP.NET como parte de um contêiner do Windows ou Linux no Serviço de Aplicativo.

Dica

Encontre dicas do GitHub Copilot nas etapas do Visual Studio, do Visual Studio Code e do portal do Azure.

Pré-requisitos

Se você já instalou o Visual Studio 2022:

  1. Instale as atualizações mais recentes no Visual Studio selecionando Ajuda>Verificar Atualizações.
  2. Adicione a carga de trabalho selecionando Ferramentas>Obter Ferramentas e Recursos.

1. Criar um aplicativo Web ASP.NET

1. Inicializar o modelo de aplicativo Web ASP.NET

  1. Abra o Visual Studio e selecione Criar novo projeto.

  2. Em Criar um novo projeto, localize e selecione Aplicativo Web do ASP.NET Core (Razor Pages) e selecione Avançar.

  3. Em Configurar seu novo projeto, dê ao aplicativo o nome MyFirstAzureWebApp e selecione, Avançar.

    Captura de tela do Visual Studio — configurar o aplicativo web do ASP.NET 8.0.

  4. Selecione .NET Core 8.0 (Suporte de Longo Prazo)

  5. Certifique-se de que o Tipo de autenticação esteja definido como Nenhum. Selecione Criar.

    Captura de tela do Visual Studio — informações adicionais ao selecionar o .NET 8.0.

  6. No menu do Visual Studio, selecione Depurar>Iniciar sem Depuração para executar o aplicativo Web localmente. Se você vir uma mensagem solicitando que confie em um certificado autoassinado, selecione Sim.

    Captura de tela do Visual Studio — ASP.NET Core 8.0 executado localmente.

Dica

Se tiver uma conta do GitHub Copilot, experimente obter recursos do GitHub Copilot para Visual Studio.

  1. Abra uma janela do terminal em seu computador para um diretório de trabalho. Crie um aplicativo Web .NET usando o comando dotnet new webapp e altere os diretórios para o aplicativo recém-criado.

    dotnet new webapp -n MyFirstAzureWebApp --framework net8.0
    cd MyFirstAzureWebApp
    
  2. Na mesma sessão do terminal, execute o aplicativo localmente usando o comando dotnet run.

    dotnet run --urls=https://localhost:5001/
    
  3. Abra um navegador da Web e navegue até o aplicativo em https://localhost:5001.

    Você verá o modelo do aplicativo web do ASP.NET Core 8.0 exibido na página.

    Captura de tela do Visual Studio Code — ASP.NET Core 8.0 no navegador local.

Nesta etapa, você criará um fork de um projeto de demonstração para ser implantado.

  1. Vá para a amostra de aplicativo .NET 8.0.
  2. Selecione o botão Fork no canto superior direito na página do GitHub.
  3. Selecione o Proprietário e deixe o nome padrão do Repositório.
  4. Selecione Criar fork.

Este início rápido usa a Azure Developer CLI (azd) para criar recursos do Azure e implantar código nele. Para obter mais informações sobre a Azure Developer CLI, visite a documentação ou o caminho de treinamento.

Recupere e inicialize o modelo de aplicativo Web ASP.NET Core para este início rápido usando as seguintes etapas:

  1. Abra uma janela do terminal em seu computador para um diretório de trabalho vazio. Inicialize o modelo azd usando o comando azd init.

    azd init --template https://github.com/Azure-Samples/quickstart-deploy-aspnet-core-app-service.git
    

    Quando for solicitado um nome de ambiente, digite dev.

  2. Na mesma sessão do terminal, execute o aplicativo localmente usando o comando dotnet run. Use o parâmetro --project para especificar o diretório src do modelo azd, que é onde reside o código do aplicativo.

    dotnet run --project src --urls=https://localhost:5001/
    
  3. Abra um navegador da Web e navegue até o aplicativo em https://localhost:5001. O modelo de aplicativo web do ASP.NET Core 8.0 é exibido na página.

    Captura de tela do Visual Studio Code — ASP.NET Core 8.0 no navegador local.

2. Publicar seu aplicativo Web

Siga estas etapas para criar seus recursos do Serviço de Aplicativo e publicar o projeto:

  1. No Gerenciador de Soluções, clique com o botão direito do mouse no projeto MyFirstAzureWebApp e selecione Publicar.

  2. Em Publicar, selecione Azure e Avançar.

    Captura de tela do Visual Studio – publique o aplicativo Web e o Azure de destino.

  3. Escolha o Destino específico: Serviço de Aplicativo do Azure (Linux) ou Serviço de Aplicativo do Azure (Windows) . Em seguida, selecione Avançar.

    Importante

    Ao direcionar o ASP.NET Framework 4.8, você usará o Serviço de Aplicativo do Azure (Windows) .

  4. As opções dependem de você já ter entrado no Azure e de ter uma conta do Visual Studio vinculada a uma conta do Azure. Selecione Adicionar uma conta ou Entrar para entrar em sua assinatura do Azure. Se você já estiver conectado, selecione a conta que deseja.

    Captura de tela do Visual Studio – selecione entrar na caixa de diálogo do Azure.

  5. À direita das instâncias do Serviço de Aplicativo, selecione +.

    Captura de tela do Visual Studio – caixa de diálogo Novo aplicativo do Serviço de Aplicativo.

  6. Em Assinatura, aceite a assinatura que está listada ou selecione uma nova na lista suspensa.

  7. Para Grupo de recursos, selecione Novo. Em Nome do novo grupo de recursos, insira myResourceGroup e selecione OK.

  8. Em Plano de Hospedagem, selecione Novo.

  9. Na caixa de diálogo Plano de Hospedagem: Criar novo, insira os valores especificados na tabela a seguir:

    Configuração Valor sugerido Descrição
    Plano de hospedagem MyFirstAzureWebAppPlan O nome do plano do Serviço de Aplicativo.
    Localidade Oeste da Europa O datacenter onde o aplicativo Web está hospedado.
    Tamanho Escolha o nível mais baixo. Os níveis de preço definem os recursos de hospedagem.
  10. Em Nome, insira um nome de aplicativo exclusivo que inclua somente os caracteres válidos a-z, A-Z, 0-9 e -. Você pode aceitar o nome exclusivo gerado automaticamente. A URL do aplicativo Web é http://<app-name>.azurewebsites.net, em que <app-name> é o nome do aplicativo.

  11. Selecione Criar para criar os recursos do Azure.

    Captura de tela do Visual Studio – caixa de diálogo Criar recursos de aplicativo.

    Quando o assistente for concluído, os recursos do Azure serão criados para você e você estará pronto para publicar o projeto do ASP.NET Core.

  12. Na caixa de diálogo Publicar, verifique se o novo aplicativo do Serviço de Aplicativo está selecionado, selecione Concluir e, em seguida, Fechar. O Visual Studio cria um perfil de publicação para você para o aplicativo do Serviço de Aplicativo selecionado.

  13. Na página de Publicação, selecione Publicar. Se você vir uma mensagem de aviso, selecione Continuar.

    O Visual Studio compila, empacota e publica o aplicativo no Azure e, em seguida, inicia o aplicativo no navegador padrão.

    Você verá o aplicativo web do ASP.NET Core 8.0 exibido na página.

    Captura de tela do Visual Studio — aplicativo web do ASP.NET Core 8.0 no Azure.

  1. Abra o Visual Studio Code a partir do diretório raiz do seu projeto.

    code .
    
  2. Se solicitado, selecione Sim, eu confio nos autores.

    Dica

    Se tiver uma conta do GitHub Copilot, experimente obter recursos do GitHub Copilot para Visual Studio Code.

  3. No Visual Studio Code, abra a Paleta de Comandos selecionando Exibir>Paleta de Comandos.

  4. Pesquise e selecione “Serviço de Aplicativo do Azure: Criar Novo Aplicativo Web (Avançado)”.

  5. Responda aos prompts da seguinte maneira:

    1. Se solicitado, entre em sua conta do Azure.
    2. Selecione sua Assinatura.
    3. Selecione Criar Aplicativo Web... Avançado.
    4. Para Inserir um nome globalmente exclusivo, use um nome que seja exclusivo em todo o Azure (os caracteres válidos são a-z, 0-9 e - ). Um bom padrão é usar uma combinação do nome da empresa e um identificador de aplicativo.
    5. Selecione Criar grupo de recursos e forneça um nome como myResourceGroup.
    6. Quando solicitado a Selecionar uma pilha de runtime, selecione .NET 8 (LTS).
    7. Selecione um sistema operacional (Windows ou Linux).
    8. Selecione uma localização próxima de você.
    9. Selecione Criar um novo plano do Serviço de Aplicativo, forneça um nome e selecione Gratuito (F1) como nível de preço.
    10. Selecione Ignorar por enquanto para o recurso do Application Insights.
    11. Quando solicitado, selecione Implantar.
    12. Selecione MyFirstAzureWebApp como a pasta a ser implantada.
    13. Selecione Adicionar Configuração quando solicitado.
  6. No pop-up Sempre implante o espaço de trabalho "MyFirstAzureWebApp" para <app-name>", selecione Sim para que o Visual Studio Code seja implantado no mesmo aplicativo do Serviço de Aplicativo sempre você está nesse espaço de trabalho.

  7. Quando a publicação for concluída, selecione Procurar Site na notificação e selecione Abrir quando solicitado.

    Você verá o aplicativo web do ASP.NET Core 8.0 exibido na página.

    Captura de tela do Visual Studio Code — aplicativo web do ASP.NET Core 8.0 no Azure.

  1. Entre em sua conta do Azure usando o comando az login e seguindo o prompt:

    az login
    
    • Se o comando az não for reconhecido, garanta que você tenha a CLI do Azure instalada conforme descrito em Pré-requisitos.
  2. Implante o código no seu diretório MyFirstAzureWebApp local usando o comando az webapp up:

    az webapp up --sku F1 --name <app-name> --os-type <os>
    
    • Substitua <app-name> por um nome que seja exclusivo em todo o Azure (os caracteres válidos são a-z, 0-9 e - ). Um bom padrão é usar uma combinação do nome da empresa e um identificador de aplicativo.
    • O argumento --sku F1 cria o aplicativo Web no tipo de preçoGratuito. Omita esse argumento para usar um nível Premium mais rápido, o que incorre em um custo por hora.
    • Substitua <os> por linux ou windows.
    • Opcionalmente, você pode incluir o argumento --location <location-name>, em que <location-name> é uma região do Azure disponível. Você pode recuperar uma lista de regiões permitidas para sua conta do Azure executando o comando az account list-locations.

    O comando pode levar alguns minutos para ser concluído. Durante a execução, o comando fornece mensagens sobre como criar o grupo de recursos, o plano do Serviço de Aplicativo e o aplicativo de hospedagem, configurar o registro em log e executar a implantação ZIP. Em seguida, ele mostra uma mensagem com a URL do aplicativo:

    You can launch the app at http://<app-name>.azurewebsites.net
    
  3. Abra um navegador da Web e navegue até a URL:

    Você verá o aplicativo web do ASP.NET Core 8.0 exibido na página.

    Captura de tela da CLI — aplicativo web do ASP.NET Core 8.0 no Azure.

Observação

O Azure PowerShell é recomendado para criar aplicativos na plataforma de hospedagem do Windows. Para criar aplicativos no Linux, use uma ferramenta diferente, como a CLI do Azure.

  1. Entre em sua conta do Azure usando o comando Connect-AzAccount e seguindo o prompt:

    Connect-AzAccount
    
  1. Crie um novo aplicativo usando o comando New-AzWebApp:

    New-AzWebApp -ResourceGroupName myResourceGroup -Name <app-name> -Location westeurope
    
    • Substitua <app-name> por um nome que seja exclusivo em todo o Azure (os caracteres válidos são a-z, 0-9 e - ). Uma combinação do nome da empresa e um identificador de aplicativo é um bom padrão.
    • Opcionalmente, você pode incluir o parâmetro -Location <location-name>, em que <location-name> é uma região do Azure disponível. Você pode recuperar uma lista de regiões permitidas para sua conta do Azure executando o comando Get-AzLocation.

    O comando pode levar alguns minutos para ser concluído. Durante a execução, o comando cria um grupo de recursos, um plano do Serviço de Aplicativo e o recurso do Serviço de Aplicativo.

  2. Na pasta raiz do aplicativo, prepare seu aplicativo MyFirstAzureWebApp local para implantação usando o comando dotnet publish:

    dotnet publish --configuration Release
    
  3. Altere para o diretório de liberação e crie um arquivo zip com base no conteúdo:

    cd bin\Release\net8.0\publish
    Compress-Archive -Path * -DestinationPath deploy.zip
    
  4. Publique o arquivo zip no aplicativo do Azure usando o comando Publish-AzWebApp:

    Publish-AzWebApp -ResourceGroupName myResourceGroup -Name <app-name> -ArchivePath (Get-Item .\deploy.zip).FullName -Force
    

    Observação

    -ArchivePath precisa do caminho completo do arquivo zip.

  5. Abra um navegador da Web e navegue até a URL:

    Você verá o aplicativo web do ASP.NET Core 8.0 exibido na página.

    Captura de tela da CLI — aplicativo web do ASP.NET Core 8.0 no Azure.

  1. Digite serviços de aplicativos na pesquisa. Em Serviços, selecione Serviços de Aplicativos.

    Captura de tela da caixa de pesquisa do portal do Azure.

  2. Na página Serviços de Aplicativos, selecione Criar>Aplicativo Web.

  3. Na guia Básico:

    • Em Grupo de recursos, selecione Criar. Digite myResourceGroup para o nome.
    • Em Nome: digite um nome globalmente exclusivo para seu aplicativo Web.
    • Em Publicar, selecione Código.
    • Em Pilha de runtime, selecione .NET 8 (LTS).
    • Em Sistema Operacional, selecione Windows. Se selecionar Linux, você não poderá configurar a implantação do GitHub na próxima etapa, mas ainda poderá fazê-lo depois de criar o aplicativo na página do Centro de Implantação.
    • Selecione uma Região de onde você deseja fornecer o aplicativo.
    • Em Plano do Serviço de Aplicativo, selecione Criar novo e nomeie-o como myAppServicePlan.
    • Em Plano de preços, selecione F1 gratuito.

    Captura de tela da configuração do novo aplicativo do Serviço de Aplicativo para .NET 8 no portal do Azure.

  4. Selecione a guia Implantação na parte superior da página.

  5. Em Configurações do GitHub Actions, defina Implantação contínua, para Habilitar.

  6. Em detalhes do GitHub Actions, faça a autenticação com sua conta do GitHub e selecione as seguintes opções:

    • Como Organização, selecione a organização na qual você criou o fork do projeto de demonstração.
    • EmRepositório, selecione o projeto dotnetcore-docs-hello-world.
    • Como Branch, selecione principal.

    Captura de tela das opções de implantação para um aplicativo usando o runtime do .NET 8.

    Observação

    Por padrão, o assistente de criação desabilita a autenticação básica e a implantação do GitHub Actions é criada usando uma identidade atribuída pelo usuário. Se você receber um erro de permissões durante a criação de recursos, sua conta do Azure poderá não ter permissões suficientes. Você pode configurar a implantação do GitHub Actions mais tarde com uma identidade gerada por um administrador do Azure ou também habilitar a autenticação básica em vez disso.

  7. Selecione o botão Examinar + criar na parte inferior da página.

  8. Após a execução da validação, selecione o botão Criar na parte inferior da página.

  9. Após a conclusão da implantação, selecione Ir para o recurso.

    Captura de tela da próxima etapa de ir para o recurso.

  10. Navegue até o aplicativo implantado no navegador da Web na URL http://<app-name>.azurewebsites.net. Se você estiver vendo a mensagem "Seu aplicativo web está em execução e aguardando seu conteúdo", isso significa que a implantação do GitHub ainda está em execução. Aguarde alguns minutos e atualize a página.

O modelo do AZD contém arquivos que geram os seguintes recursos, necessários para que seu aplicativo seja executado no Serviço de Aplicativo:

  1. Entre em sua conta do Azure usando o comando azd auth login e seguindo o prompt:

    azd auth login
    
  2. Crie os recursos do Azure e implante seu aplicativo usando o comando azd up:

    azd up
    

    O comando azd up pode levar alguns minutos para ser concluído. azd up usa os arquivos Bicep em seus projetos para criar o grupo de recursos, o Plano do Serviço de Aplicativo e o aplicativo de hospedagem. Ele também executa determinadas configurações, como habilitar o registro em log e implantar o código do aplicativo compilado. Durante a execução, o comando fornece mensagens sobre o processo de provisionamento e implantação, incluindo um link para a implantação no Azure. Quando ele é concluído, o comando também exibe um link para o aplicativo de implantação.

  3. Abra um navegador da Web e navegue até a URL:

    Você verá o aplicativo web do ASP.NET Core 8.0 exibido na página.

    Captura de tela do aplicativo de exemplo .NET Framework 4.8 implantado.

3. Atualizar o aplicativo e reimplantar

Você fará uma alteração em Index.cshtml e deverá reimplantar para ver as alterações. No modelo do .NET 8.0, o arquivo está na pasta Pages. No modelo do .NET Framework 4.8, está na pasta Exibições/Página Inicial. Siga estas etapas para atualizar e reimplantar seu aplicativo Web:

  1. No Gerenciador de Soluções, no seu projeto, abra Index.cshtml.

  2. Substitua o primeiro elemento <div> pelo seguinte código:

    <div class="jumbotron">
        <h1>.NET 💜 Azure</h1>
        <p class="lead">Example .NET app to Azure App Service.</p>
    </div>
    

    Dica

    Com o GitHub Copilot habilitado no Visual Studio, experimente o seguinte:

    1. Selecione o elemento <div> e digite Alt+/.
    2. Peça ao Copilot: "Altere para um cartão de Inicialização com os dizeres .NET 💜 Azure".

    Salve suas alterações.

  3. Para implantar novamente no Azure, clique com o botão direito do mouse no projeto MyFirstAzureWebApp no Gerenciador de Soluções e selecione Publicar.

  4. Na página de resumo Publicar, selecione Publicar.

    Quando a publicação está concluída, o Visual Studio inicia um navegador para a URL do aplicativo Web.

    Você verá o aplicativo web do ASP.NET Core 8.0 atualizado exibido na página.

    Captura de tela do Visual Studio — aplicativo web do ASP.NET Core 8.0 atualizado no Azure.

  1. Abra Pages/Index.cshtml.

  2. Substitua o primeiro elemento <div> pelo seguinte código:

    <div class="jumbotron">
        <h1>.NET 💜 Azure</h1>
        <p class="lead">Example .NET app to Azure App Service.</p>
    </div>
    

    Dica

    Experimente isso com o GitHub Copilot:

    1. Selecione o elemento <div> inteiro e clique .
    2. Peça ao Copilot: "Altere para um cartão de Inicialização com os dizeres .NET 💜 Azure".

    Salve suas alterações.

  3. No Visual Studio Code, abra a Paleta de Comandos, Ctrl+Shift+P.

  4. Pesquise e selecione "Serviço de Aplicativo do Azure: Implantar no aplicativo Web".

  5. Selecione a assinatura e o aplicativo web que você usou anteriormente.

  6. Quando solicitado, selecione Implantar.

  7. Quando a publicação for concluída, selecione Navegar no Site na notificação.

    Você verá o aplicativo web do ASP.NET Core 8.0 atualizado exibido na página.

    Captura de tela do Visual Studio Code — aplicativo web do ASP.NET Core 8.0 atualizado no Azure.

Dica

Para ver como o Visual Studio Code com o GitHub Copilot ajuda você a aprimorar sua experiência de desenvolvimento web, confira as etapas do Visual Studio Code.

No diretório local, abra o arquivo Pages/Index.cshtml. Substitua o primeiro elemento <div>:

<div class="jumbotron">
    <h1>.NET 💜 Azure</h1>
    <p class="lead">Example .NET app to Azure App Service.</p>
</div>

Salve suas alterações e, a seguir, reimplante o aplicativo usando o comando az webapp up novamente e substitua <os> por linux ou windows.

az webapp up --os-type <os>

Esse comando usa valores armazenados em cache localmente no arquivo .azure/config, incluindo o nome do aplicativo, o grupo de recursos e o plano do Serviço de Aplicativo.

Após a implantação ter sido concluída, retorne para a janela do navegador aberta na etapa Navegar até o aplicativo e clique em Atualizar.

Você verá o aplicativo web do ASP.NET Core 8.0 atualizado exibido na página.

Captura de tela da CLI — aplicativo web do ASP.NET Core 8.0 atualizado no Azure.

  1. No diretório local, abra o arquivo Pages/Index.cshtml. Substitua o primeiro elemento <div>:

    <div class="jumbotron">
        <h1>.NET 💜 Azure</h1>
        <p class="lead">Example .NET app to Azure App Service.</p>
    </div>
    
  2. Na pasta raiz do aplicativo, prepare seu aplicativo MyFirstAzureWebApp local para implantação usando o comando dotnet publish:

    dotnet publish --configuration Release
    
  3. Altere para o diretório de liberação e crie um arquivo zip com base no conteúdo:

    cd bin\Release\net8.0\publish
    Compress-Archive -Path * -DestinationPath deploy.zip
    
  4. Publique o arquivo zip no aplicativo do Azure usando o comando Publish-AzWebApp:

    Publish-AzWebApp -ResourceGroupName myResourceGroup -Name <app-name> -ArchivePath (Get-Item .\deploy.zip).FullName -Force
    

    Observação

    -ArchivePath precisa do caminho completo do arquivo zip.

  5. Após a implantação ter sido concluída, retorne para a janela do navegador aberta na etapa Navegar até o aplicativo e clique em Atualizar.

    Você verá o aplicativo web do ASP.NET Core 8.0 atualizado exibido na página.

    Captura de tela da CLI — aplicativo web do ASP.NET Core 8.0 atualizado no Azure.

  1. Navegue até o fork do GitHub do código de exemplo.

  2. Na página do seu repositório, crie um codespace selecionando Código>Criar codespace no Branch principal.

    Dica

    Se tiver uma conta do GitHub Copilot, experimente Obter recursos do GitHub Copilot no seu codespace.

  3. Abra index.cshtml.

    Index.cshtml está localizado na pasta Pages.

    Captura de tela da janela do Explorer do Visual Studio Code no navegador, destacando o Index.cshtml no repositório dotnetcore-docs-hello-world.

  4. Substitua o primeiro elemento <div> pelo seguinte código:

    <div class="jumbotron">
        <h1>.NET 💜 Azure</h1>
        <p class="lead">Example .NET app to Azure App Service.</p>
    </div>
    

    As alterações são salvas automaticamente.

    Dica

    Experimente isso com o GitHub Copilot:

    1. Selecione o elemento <div> inteiro e clique .
    2. Peça ao Copilot: "Altere para um cartão de Inicialização com os dizeres .NET 💜 Azure".
  5. No menu Controle do Código-Fonte, insira uma mensagem de commit, como, por exemplo, Modify homepage. Em seguida, selecione Confirmar e confirme o preparo das alterações selecionando Sim.

    Dica

    Permita que o GitHub Copilot crie uma mensagem de commit para você selecionando na caixa de mensagem.

  6. Selecione Sincronizar alterações 1 e, em seguida, confirme selecionando OK.

  7. Levará alguns minutos para a implantação ser executada. Para ver o andamento, navegue para https://github.com/<your-github-alias>/dotnetcore-docs-hello-world/actions.

  8. Retorne para a janela do navegador aberta na etapa Navegar até o aplicativo e atualize a página.

    Você verá o aplicativo web do ASP.NET Core 8.0 atualizado exibido na página.

    Captura de tela da CLI — aplicativo web do ASP.NET Core 8.0 atualizado no Azure.

No diretório local, abra o arquivo src/Pages/Index.cshtml. Substitua o primeiro elemento <div>:

<div class="jumbotron">
    <h1>.NET 💜 Azure</h1>
    <p class="lead">Example .NET app to Azure App Service.</p>
</div>

Salve suas alterações e reimplante o aplicativo usando o comando azd up novamente:

azd up

azd up irá ignorar a etapa de recursos de provisionamento desta vez e reimplantará somente o seu código, já que não houve alterações nos arquivos Bicep.

Após a implantação ter sido concluída, o navegador irá abrir no aplicativo web do ASP.NET Core 8.0 atualizado.

Captura de tela da CLI — aplicativo web do ASP.NET Core 8.0 atualizado no Azure.

4. Gerenciar o aplicativo do Azure

Para gerenciar o aplicativo Web, acesse o portal do Azure e procure e selecione Serviços de Aplicativos.

Captura de tela do portal do Azure – opção Selecionar Serviços de Aplicativos.

Na página Serviços de Aplicativos, selecione o nome do seu aplicativo Web.

Captura de tela do portal do Azure - página Serviços de Aplicativos com um aplicativo Web de exemplo selecionado.

A página Visão Geral do aplicativo Web contém opções para gerenciamento básico, como procurar, parar, iniciar, reiniciar e excluir. O menu à esquerda fornece páginas adicionais para configurar o aplicativo.

Captura de tela do portal do Azure – página de visão geral do Serviço de Aplicativo.

Limpar os recursos

Nas etapas anteriores, você criou os recursos do Azure em um grupo de recursos. Se você não espera precisar desses recursos no futuro, poderá excluí-los ao excluir o grupo de recursos.

  1. Na página Visão geral do seu aplicativo Web no portal do Azure, selecione o link myResourceGroup em Grupo de recursos.
  2. Na página do grupo de recursos, certifique-se de que os recursos listados são aqueles que deseja excluir.
  3. Selecione Excluir o grupo de recursos, digite myResourceGroup na caixa de texto e, a seguir, selecione Excluir.
  4. Confirme novamente selecionando Excluir.

Limpar os recursos

Nas etapas anteriores, você criou os recursos do Azure em um grupo de recursos. Se você não espera precisar desses recursos no futuro, poderá excluí-los ao excluir o grupo de recursos.

  1. Na página Visão geral do seu aplicativo Web no portal do Azure, selecione o link myResourceGroup em Grupo de recursos.
  2. Na página do grupo de recursos, certifique-se de que os recursos listados são aqueles que deseja excluir.
  3. Selecione Excluir o grupo de recursos, digite myResourceGroup na caixa de texto e, a seguir, selecione Excluir.
  4. Confirme novamente selecionando Excluir.

Nas etapas anteriores, você criou os recursos do Azure em um grupo de recursos. Se você acha que não precisará desses recursos no futuro, exclua o grupo de recursos executando o seguinte comando no Cloud Shell:

az group delete

Para sua conveniência, o comando az webapp up que você executou anteriormente neste projeto salva o nome do grupo de recursos como o valor padrão sempre que você executa os comandos az deste projeto.

Limpar os recursos

Nas etapas anteriores, você criou os recursos do Azure em um grupo de recursos. Se você achar que não precisará desses recursos no futuro, exclua o grupo de recursos executando o seguinte comando do PowerShell:

Remove-AzResourceGroup -Name myResourceGroup

Esse comando pode demorar um pouco para ser executado.

Limpar os recursos

Nas etapas anteriores, você criou os recursos do Azure em um grupo de recursos. Se você não espera precisar desses recursos no futuro, poderá excluí-los ao excluir o grupo de recursos.

  1. Na página Visão geral do seu aplicativo Web no portal do Azure, selecione o link myResourceGroup em Grupo de recursos.
  2. Na página do grupo de recursos, certifique-se de que os recursos listados são aqueles que deseja excluir.
  3. Selecione Excluir o grupo de recursos, digite myResourceGroup na caixa de texto e, a seguir, selecione Excluir.
  4. Confirme novamente selecionando Excluir.

Limpar os recursos

Use o comando azd down para remover o grupo de recursos e todos os recursos associados a ele:

azd down

Visite a documentação da Azure Developer CLI para ver as próximas etapas sobre como trabalhar com modelos azd e recursos adicionais.

Próximas etapas