Nota
O acesso a esta página requer autorização. Podes tentar iniciar sessão ou mudar de diretório.
O acesso a esta página requer autorização. Podes tentar mudar de diretório.
Neste 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 oferece suporte a várias versões de aplicativos .NET. Ele fornece um serviço de hospedagem web altamente escalável e auto-atualizável. ASP.NET aplicações Web são multiplataforma e podem ser alojadas em Linux ou Windows. Quando terminar, você terá um grupo de recursos do Azure que inclui 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 Windows ou Linux no Serviço de Aplicativo.
Gorjeta
Encontre dicas sobre o GitHub Copilot nas etapas do Visual Studio, Visual Studio Code e no portal do Azure.
Pré-requisitos
- Uma conta do Azure com uma subscrição ativa. Crie uma conta gratuitamente.
- Visual Studio 2026 com a carga de trabalho de ASP.NET e desenvolvimento web .
Se já instalaste o Visual Studio 2026:
- Instale as atualizações mais recentes no Visual Studio selecionando Ajuda>Verificar atualizações.
- Adicione a carga de trabalho selecionando Ferramentas>Obter ferramentas e recursos.
- Uma conta do Azure com uma subscrição ativa. Crie uma conta gratuitamente.
- Código do Visual Studio.
- A extensão Ferramentas do Azure.
- O mais recente SDK .NET 10.0.
- Uma conta do Azure com uma subscrição ativa. Crie uma conta gratuitamente.
- CLI do Azure.
- O mais recente SDK .NET 10.0.
- Uma conta do Azure com uma subscrição ativa. Crie uma conta gratuitamente.
- O Azure PowerShell.
- O mais recente SDK .NET 10.0.
- Uma conta do Azure com uma subscrição ativa. Crie uma conta gratuitamente.
- Uma conta no GitHub Crie uma conta gratuitamente.
Saltar para o fim
Você pode implantar rapidamente o aplicativo de exemplo ASP.NET Core neste tutorial usando a CLI do Desenvolvedor do Azure e vê-lo em execução no Azure. Basta executar os seguintes comandos no Azure Cloud Shell e seguir o prompt:
mkdir dotnetcore-quickstart
cd dotnetcore-quickstart
azd init --template https://github.com/Azure-Samples/quickstart-deploy-aspnet-core-app-service.git
azd up
E, para excluir os recursos:
azd down
Criar uma aplicação Web ASP.NET
Abra o Visual Studio e selecione Criar um novo projeto.
Em Criar um novo projeto, encontre e selecione Blazor Web App, depois selecione Próximo.
Em Configurar seu novo projeto, nomeie o aplicativo MyFirstAzureWebApp e selecione Avançar.
Selecione .NET 10.0 (Suporte a Longo Prazo).
Verifique se Tipo de autenticação está definido como Nenhum. Selecione Criar.
No menu Visual Studio, selecione Depurar>Iniciar Sem Depuração para executar o aplicativo Web localmente. Se vir caixas de diálogo a pedir para confiar num certificado auto-assinado, selecione Sim.
Gorjeta
Se você tiver uma conta do GitHub Copilot, tente obter os recursos do GitHub Copilot para Visual Studio.
Abra uma janela de terminal no seu computador num diretório de trabalho. Crie um novo aplicativo Web .NET usando o comando dotnet new webapp e altere os diretórios para o aplicativo recém-criado.
dotnet new blazor -n MyFirstAzureWebApp --framework net10.0 cd MyFirstAzureWebAppNa mesma sessão de terminal, execute o aplicativo localmente usando o comando dotnet run .
dotnet run --urls=https://localhost:5001/Abra um browser e navegue para a aplicação em
https://localhost:5001.Vê o modelo de aplicação web ASP.NET Core 10.0 exibido na página.
Nesta etapa, fazes um fork de um projeto de demonstração para implantar.
- Acede à aplicação de exemplo .NET 10.0.
- Selecione o botão Fork no canto superior direito da página do GitHub.
- Selecione o Proprietário e deixe o nome padrão do repositório.
- Selecione Criar ramificação.
Publicar seu aplicativo Web
Siga estas etapas para criar seus recursos do Serviço de Aplicativo e publicar seu projeto:
No Gerenciador de Soluções, clique com o botão direito do mouse no projeto MyFirstAzureWebApp e selecione Publicar.
Em Publicar, selecione Azure e, em seguida, Avançar.
Escolha o destino específico, Serviço de Aplicativo do Azure (Linux) ou Serviço de Aplicativo do Azure (Windows). Selecione Seguinte.
Importante
Quando utilizar o ASP.NET Framework 4.8, utilize o Serviço de Aplicativo do Azure (Windows).
Suas opções dependem se você já está conectado ao Azure e se tem 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 já tiver sessão iniciada, selecione a conta pretendida.
Selecione Criar novo.
Para Assinatura, aceite a assinatura listada ou selecione uma nova na lista suspensa.
Para Grupo de recursos, selecione Novo. Em Novo nome do grupo de recursos, digite myResourceGroup e selecione OK.
Para Plano de hospedagem, selecione Novo.
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 Alojamento MyFirstAzureWebAppPlan Nome do plano de serviço de aplicações. Localização Europa Ocidental O centro de dados onde o a aplicação Web está alojada. Tamanho Escolha o nível mais baixo. Os níveis de preços definem os recursos de hospedagem. Em Nome, insira um nome de aplicativo exclusivo. Inclua apenas caracteres
a-z,A-Z,0-9e-. Você pode aceitar o nome exclusivo gerado automaticamente.Selecione Criar para criar os recursos do Azure.
Quando o processo é concluído, os recursos do Azure são criados para você. Você está pronto para publicar seu projeto ASP.NET Core.
Na caixa de diálogo Publicar, verifique se o novo aplicativo do Serviço de Aplicativo está selecionado, selecione Concluir e Fechar. O Visual Studio cria um perfil de publicação para você para o aplicativo do Serviço de Aplicativo selecionado.
Na página Publicar, selecione Publicar. Se vir uma mensagem de aviso, selecione Continuar.
O Visual Studio cria, empacota e publica o aplicativo no Azure e, em seguida, inicia o aplicativo no navegador padrão.
Vê a aplicação web ASP.NET Core 10.0 exibida na página.
Abra o Visual Studio Code a partir do diretório raiz do seu projeto.
code .Se solicitado, selecione Sim, confio nos autores.
Gorjeta
Se você tiver uma conta do GitHub Copilot, tente obter os recursos do GitHub Copilot para o Visual Studio Code.
No Visual Studio Code, selecione View>Command Palette para abrir a Command Palette.
Procure e selecione Serviço de Aplicativo do Azure: Criar Novo Aplicativo Web (Avançado).
Responda às solicitações da seguinte maneira:
- Se solicitado, entre na sua conta do Azure.
- Selecione a sua Subscrição.
- Selecione uma localização próxima de si.
- Selecione Proteger nome de host padrão exclusivo.
- Selecione Criar novo grupo de recursos e forneça um nome como
myResourceGroup. - Introduza um nome para a nova aplicação web.
- Quando solicitado a selecionar um stack de runtime, selecione .NET 10 (LTS).
- Selecione um sistema operacional (Windows ou Linux).
- Selecione Criar novo plano do Serviço de Aplicativo, forneça um nome e selecione o nível de preço Gratuito (F1).
- Para o recurso do Application Insights, selecione Ignorar por enquanto.
Espere que o Visual Studio termine de criar os recursos do Azure.
No Visual Studio Code, selecione novamente Ver>Paleta de Comandos .
Procure e selecione Serviço de Aplicativo do Azure: Implantar na Aplicação Web.
- Selecione MyFirstAzureWebApp como a pasta a ser implantada.
- Selecione Adicionar configuração quando solicitado.
- Selecione a sua Subscrição.
- Selecione a sua aplicação web.
- Quando solicitado, selecione Implantar.
Na caixa de diálogo Sempre implantar o espaço de trabalho "MyFirstAzureWebApp" no <nome> do aplicativo", selecione Sim para que o Visual Studio Code seja implantado no mesmo aplicativo do Serviço de Aplicativo sempre que você estiver nesse espaço de trabalho.
Quando a publicação for concluída, selecione Navegar pelo site na notificação.
Vês a aplicação web Blazor exibida na página.
Entre em sua conta do Azure usando o comando az login e seguindo o prompt:
az login- Se o
azcomando não for reconhecido, certifique-se de ter a CLI do Azure instalada conforme descrito em Pré-requisitos.
- Se o
Use az webapp up para implantar o código em seu diretório local MyFirstAzureWebApp :
az webapp up --sku F1 --name <app-name> --os-type <os>- Substitua
<app-name>por um nome exclusivo em todo o Azure. Os carateres válidos sãoa-z,0-9e-. Um bom padrão é usar uma combinação do nome da sua empresa e um identificador de aplicativo. - O
--sku F1argumento cria o aplicativo Web no nível de preço gratuito. Omita este argumento para usar um nível premium mais rápido, que acarreta um custo por hora. - Substitua
<os>porlinuxouwindows. - Opcionalmente, você pode incluir o argumento
--location <location-name>onde<location-name>é uma região do Azure disponível. Para obter uma lista de regiões permitidas para sua conta do Azure, execute o comando az account list-locations .
O comando pode levar alguns minutos para ser concluído. À medida que é executado, o comando fornece mensagens sobre como criar o grupo de recursos, o plano do App Service e a aplicação de alojamento, configurar o registo de logs e depois executar a implementação ZIP. Em seguida, mostra uma mensagem com o URL do aplicativo.
- Substitua
Abra um navegador da Web e navegue até o URL. Vê a aplicação web ASP.NET Core 10.0 exibida na página.
Nota
Recomendamos o Azure PowerShell para criar aplicativos na plataforma de hospedagem do Windows. Para criar aplicativos no Linux, use uma ferramenta diferente, como a CLI do Azure.
Entre em sua conta do Azure usando o comando Connect-AzAccount e seguindo o prompt:
Connect-AzAccountCrie um novo aplicativo usando o comando New-AzWebApp :
New-AzWebApp -ResourceGroupName myResourceGroup -Name <app-name> -Location westeurope- Substitua
<app-name>por um nome exclusivo em todo o Azure. Os caracteres válidos sãoa-z,0-9e-Uma combinação do nome da sua empresa e um identificador de aplicativo é um bom padrão. - Opcionalmente, você pode incluir o parâmetro
-Location <location-name>onde<location-name>é uma região do Azure disponível. Para obter uma lista de regiões permitidas para sua conta do Azure, execute o comando Get-AzLocation .
O comando pode levar alguns minutos para ser concluído. O comando cria um grupo de recursos, um plano do Serviço de Aplicativo e o recurso do Serviço de Aplicativo.
- Substitua
Na pasta raiz do aplicativo, execute o comando dotnet publish para preparar seu aplicativo MyFirstAzureWebApp local para implantação:
dotnet publish --configuration ReleaseMude para o diretório de liberação e crie um arquivo zip a partir do conteúdo:
cd bin\Release\net10.0\publish Compress-Archive -Path * -DestinationPath deploy.zipPublique 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 -ForceNota
-ArchivePathprecisa do caminho completo do arquivo zip.Abra um navegador da Web e navegue até o URL. Vês a aplicação web Blazor exibida na página.
No portal Azure, escreva serviços de aplicação na pesquisa. Em Serviços, selecione Serviços de Aplicativo.
Na página Serviços de Aplicativo , selecione Criar>Aplicativo Web.
Na guia Noções básicas:
- Em Grupo de recursos, selecione Criar novo. Digite myResourceGroup para o nome.
- Em Nome, insira um nome globalmente exclusivo para seu aplicativo Web.
- Em Publicar, selecione Código.
- Em Pilha de tempo de execução, selecione .NET 8 (LTS).
- Em Sistema Operacional, selecione Windows. Se selecionar Linux, não poderá configurar a implementação do GitHub na próxima etapa, mas ainda poderá fazê-lo depois de criar a aplicação na página Centro de Implementação.
- Selecione uma região a partir da qual pretende servir a sua aplicação.
- Em Plano do Serviço de Aplicativo, selecione Criar novo e digite myAppServicePlan para o nome.
- Em Plano de preços, selecione F1 grátis.
Selecione o separador Implantação no topo da página
Em Configurações de ações do GitHub, defina Implantação contínua como Habilitar.
Em Detalhes das ações do GitHub, autentique-se com sua conta do GitHub e selecione as seguintes opções:
- Em Organização, selecione a organização onde você bifurcou o projeto de demonstração.
- Em Repository, selecione o projeto dotnetcore-docs-hello-world .
- Em Ramo, selecione principal.
Selecione Rever + criar na parte inferior da página.
Após a execução da validação, selecione Criar na parte inferior da página.
Após a conclusão da implantação, selecione Ir para o recurso.
Para navegar até o aplicativo criado, selecione o domínio padrão na página Visão geral . Se você vir a mensagem Seu aplicativo Web está em execução e aguardando seu conteúdo, a implantação do GitHub ainda está em execução. Aguarde alguns minutos e atualize a página.
Atualizar a aplicação e reimplementar
Faz uma alteração na página padrão e volta a implementar para veres as alterações.
No Explorador de Soluções, encontre a página padrão do seu projeto e substitua o conteúdo da seguinte forma:
Em Components/Pages/Home.razor, substitua tudo pelo seguinte código:
@page "/" <PageTitle>Home</PageTitle> <h1>.NET 💜 Azure</h1> Example .NET app to Azure App Service.Gorjeta
Com o GitHub Copilot habilitado no Visual Studio, tente as seguintes etapas:
- Tipo Alt+/.
- Pergunte ao Copilot, "Mude para um cartão de Bootstrap onde está escrito .NET 💜 Azure."
Guardar as suas alterações.
Para reimplantar no Azure, clique com o botão direito do mouse no projeto MyFirstAzureWebApp no Gerenciador de Soluções e selecione Publicar.
Na página Publicar resumo, selecione Publicar.
Quando a publicação estiver concluída, o Visual Studio inicia um browser para o URL da aplicação Web.
Vê a aplicação web atualizada ASP.NET Core 10.0 exibida na página.
No seu espaço de trabalho, encontre Components/Pages/Home.razor e substitua tudo pelo seguinte código:
@page "/" <PageTitle>Home</PageTitle> <h1>.NET 💜 Azure</h1> Example .NET app to Azure App Service.Gorjeta
Experimente esta abordagem com o GitHub Copilot:
- Selecione o conteúdo e selecione
. - Selecione e Modifique.
- Inscreva "Mudar para um cartão Bootstrap que diga .NET 💜 Azure."
Guardar as suas alterações.
- Selecione o conteúdo e selecione
No Visual Studio Code, selecione novamente Ver>Paleta de Comandos .
Procure e selecione Serviço de Aplicativo do Azure: Implantar na Aplicação Web.
Selecione a assinatura e o aplicativo Web que você usou anteriormente.
Quando solicitado, selecione Implantar.
Quando a publicação for concluída, selecione Navegar pelo site na notificação.
Vê a aplicação web atualizada ASP.NET Core 10.0 exibida na página.
Gorjeta
Para ver como o Visual Studio Code com o GitHub Copilot ajuda a melhorar sua experiência de desenvolvimento da Web, consulte as etapas do Visual Studio Code.
No diretório local, encontre Components/Pages/Home.razor e substitua tudo pelo seguinte código:
@page "/" <PageTitle>Home</PageTitle> <h1>.NET 💜 Azure</h1> Example .NET app to Azure App Service.Salve as alterações e, em seguida, reimplante o aplicativo usando o
az webapp upcomando novamente e substitua<os>por umlinuxouwindows.az webapp up --os-type <os>Este comando usa valores que são 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 conclusão da implantação, volte para a janela do navegador aberta na etapa Procurar até o aplicativo e atualize.
Vê a aplicação web atualizada ASP.NET Core 10.0 exibida na página.
No diretório local, abra Components/Pages/Home.razor e substitua tudo pelo seguinte código:
@page "/" <PageTitle>Home</PageTitle> <h1>.NET 💜 Azure</h1> Example .NET app to Azure App Service.Na pasta raiz da aplicação, prepare a sua aplicação local MyFirstAzureWebApp para deployment usando o comando dotnet publish:
dotnet publish --configuration ReleaseMude para o diretório de liberação e crie um arquivo zip a partir do conteúdo:
cd bin\Release\net10.0\publish Compress-Archive -Path * -DestinationPath deploy.zip -ForcePublique 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 -ForceNota
-ArchivePathprecisa do caminho completo do arquivo zip.Após a conclusão da implantação, volte para a janela do navegador aberta na etapa Procurar até o aplicativo e atualize.
Vê a aplicação web Blazor atualizada exibida na página.
Navegue até o seu fork no GitHub do código de exemplo.
Na página do repositório, crie um espaço de código selecionando Code>Create codespace on main.
No Explorador de Soluções, encontre a página padrão do seu projeto e substitua o conteúdo da seguinte forma:
Em Components/Pages/Home.razor, substitui tudo pelo código seguinte. As alterações são guardadas automaticamente.
@page "/" <PageTitle>Home</PageTitle> <h1>.NET 💜 Azure</h1> Example .NET app to Azure App Service.Gorjeta
Experimente esta abordagem com o GitHub Copilot:
- Selecione todo o conteúdo e selecione
. - Pergunte ao Copilot, "Mude para um cartão de Bootstrap onde está escrito .NET 💜 Azure."
- Selecione todo o conteúdo e selecione
No menu controlo de código-fonte, insira uma mensagem de confirmação, como
Modify homepage. Em seguida, selecione Confirmar e confirme a preparação das alterações selecionando Sim.Selecione Sincronizar alterações 1 e, em seguida, confirme selecionando OK.
Demora alguns minutos para a implantação ocorrer. Para ver o progresso, navegue até
https://github.com/<your-github-alias>/dotnetcore-docs-hello-world/actions.Retorne à janela do navegador que foi aberta durante a etapa Procurar até o aplicativo e atualize a página.
Vê a aplicação web atualizada ASP.NET Core 10.0 exibida na página.
Gerenciar o aplicativo do Azure
Para gerir a sua aplicação Web, aceda ao portal do Azure e procure e selecione Serviços de Aplicação.
Na página Serviços de Aplicativo, selecione o nome do seu aplicativo Web.
A página Visão geral do seu aplicativo Web contém opções para gerenciamento básico, como procurar, parar, iniciar, reiniciar e excluir. O menu à esquerda fornece mais páginas para configurar seu aplicativo.
Limpar recursos
Nos passos anteriores, criou os recursos do Azure num grupo de recursos. Se provavelmente não necessitar desses recursos no futuro, pode eliminá-los ao eliminar o grupo de recursos.
- Na página Descrição geral da sua aplicação Web no portal do Azure, selecione a ligação myResourceGroup em Grupo de recursos.
- Na página do grupo de recursos, confirme que os recursos apresentados são aqueles que pretende eliminar.
- Selecione Excluir grupo de recursos, digite myResourceGroup na caixa de texto e selecione Excluir.
- Confirme novamente selecionando Excluir.
Limpar recursos
Nos passos anteriores, criou os recursos do Azure num grupo de recursos. Se provavelmente não necessitar desses recursos no futuro, pode eliminá-los ao eliminar o grupo de recursos.
- Na página Descrição geral da sua aplicação Web no portal do Azure, selecione a ligação myResourceGroup em Grupo de recursos.
- Na página do grupo de recursos, confirme que os recursos apresentados são aqueles que pretende eliminar.
- Selecione Excluir grupo de recursos, digite myResourceGroup na caixa de texto e selecione Excluir.
- Confirme novamente selecionando Excluir.
Nos passos anteriores, criou os recursos do Azure num grupo de recursos. Se achar que não vai precisar destes recursos no futuro, execute o seguinte comando no Cloud Shell para eliminar o grupo de recursos:
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 az comandos deste projeto.
Limpar recursos
Nos passos anteriores, criou os recursos do Azure num grupo de recursos. Se você não espera precisar desses recursos no futuro, exclua o grupo de recursos executando o seguinte comando do PowerShell:
Remove-AzResourceGroup -Name myResourceGroup
Este comando pode demorar um pouco a ser executado.
Limpar recursos
Nos passos anteriores, criou os recursos do Azure num grupo de recursos. Se provavelmente não necessitar desses recursos no futuro, pode eliminá-los ao eliminar o grupo de recursos.
- Na página Descrição geral da sua aplicação Web no portal do Azure, selecione a ligação myResourceGroup em Grupo de recursos.
- Na página do grupo de recursos, confirme que os recursos apresentados são aqueles que pretende eliminar.
- Selecione Excluir grupo de recursos, digite myResourceGroup na caixa de texto e selecione Excluir.
- Confirme novamente selecionando Excluir.
Próximos passos
Avance para o próximo artigo para saber como criar um aplicativo .NET Core e conectá-lo a um Banco de Dados SQL: