Publicar um aplicativo ASP.NET Core no Azure com o Visual Studio

Importante

Versões de visualização do ASP.NET Core com o Serviço de Aplicativo do Azure

Lançamentos de pré-visualização do ASP.NET Core não são implantados no Serviço de Aplicativo do Azure por omissão. Para hospedar um aplicativo que usa uma versão de visualização do ASP.NET Core, consulte Implantar ASP.NET versão de visualização do Core no Serviço de Aplicativo do Azure.

Para solucionar um problema de implantação do Serviço de Aplicativo, consulte Solucionar problemas do ASP.NET Core no Serviço de Aplicativo do Azure e no IIS.

Configurar

Abra uma conta gratuita do Azure se não tiver uma.

Criar um aplicativo Web

Inicie o Visual Studio 2022 e selecione Criar um novo projeto.

Na caixa de diálogo Criar um novo projeto , selecione ASP.NET Core Web Appe, em seguida, selecione Seguinte.

Na caixa de diálogo Configurar seu novo projeto , nomeie seu projeto e selecione Avançar.

Na caixa de diálogo Informações adicionais :

• Na entrada do Framework , selecione .NET 7.0 (Standard Term Support).
• Na entrada Tipo de autenticação , selecione Contas individuais e, em seguida, selecione Criar.

O Visual Studio cria a solução.

Executar o aplicativo

• Pressione F5 para executar o projeto.

Registar um utilizador

• Selecione Registrar e registrar um novo usuário. Você pode usar um endereço de e-mail fictício. Quando você envia, a página exibe o seguinte erro:

  "Uma operação de banco de dados falhou durante o processamento da solicitação. A aplicação de migrações existentes pode resolver esse problema"

• Selecione Aplicar migrações e, assim que a página for atualizada, atualize a página.

• É apresentada uma página de confirmação de registo . Selecione Clique aqui para confirmar a sua conta.
• É apresentada uma página Confirmar e-mail .
• Faça login como o novo usuário.

O aplicativo exibe o e-mail usado para registrar o novo usuário e um link Logout .

• Pare o aplicativo fechando o navegador ou, no Visual Studio, selecione Depurar>Parar Depuração.
• No Visual Studio, selecione Build>Clean Solution para limpar itens de projeto e evitar a contenção de arquivos.

Implementar a aplicação no Azure

Clique com o botão direito do mouse no projeto no Gerenciador de Soluções e selecione Publicar.

Na caixa de diálogo Publicar :

• Selecione Azure.
• Selecione Avançar.

Na caixa de diálogo Publicar :

• Selecione Serviço de Aplicativo do Azure (Windows).
• Selecione Avançar.

Na caixa de diálogo Publicar , na guia Serviço de Aplicativo , selecione Criar novo.

A caixa de diálogo Criar Serviço de Aplicativo é exibida:

• Os campos de entrada Nome, Grupo de Recursos e Plano de Hospedagem são preenchidos. Você pode manter esses nomes ou alterá-los.
• Selecione Criar.

Após a conclusão da criação, a caixa de diálogo é fechada automaticamente e a caixa de diálogo Publicar ganha foco novamente:

• A nova instância que acabou de ser criada é selecionada automaticamente.
• Selecione Concluir.

A caixa de diálogo Progresso da Criação do Perfil de Publicação confirma que o perfil de publicação foi criado. Selecione Fechar.

Em seguida, você verá a página Publicar resumo do perfil . O Visual Studio detetou que esse aplicativo requer um banco de dados do SQL Server listado no painel Dependências de Serviço. Selecione as reticências (...) e, em seguida, Conectar.

A caixa de diálogo Ligar à dependência é exibida:

• Selecione Banco de Dados SQL do Azure.
• Selecione Avançar.

Na caixa de diálogo Conectar ao Banco de Dados SQL do Azure , selecione Criar novo.

O Create Azure SQL Database (Criar Banco de Dados SQL do Azure ) aparece:

• Os campos de entrada Nome do banco de dados, Grupo de recursos, Servidor de banco de dados e Plano do Serviço de Aplicativo são preenchidos. Você pode manter esses valores ou alterá-los.
• Insira o nome de usuário do administrador do banco de dados e a senha do administrador do banco de dados para o servidor de banco de dados selecionado (observe que a conta usada deve ter as permissões necessárias para criar o novo banco de dados SQL do Azure)
• Selecione Criar.

Após a conclusão da criação, a caixa de diálogo é fechada automaticamente e a caixa de diálogo Conectar ao Banco de Dados SQL do Azure recebe foco novamente:

• A nova instância que acabou de ser criada é selecionada automaticamente.
• Selecione Avançar.

Na próxima etapa da caixa de diálogo Conectar ao Banco de Dados SQL do Azure

• Insira os campos Nome de usuário da conexão do banco de dados e Senha da conexão do banco de dados . Estes são os detalhes que seu aplicativo usará para se conectar ao banco de dados em tempo de execução. A prática recomendada é evitar usar os mesmos detalhes que o nome de usuário e a senha do administrador usados na etapa anterior.
• Selecione Concluir.

A caixa de diálogo Progresso da configuração de dependência confirma que o Banco de Dados SQL do Azure está configurado. Selecione Fechar.

Na página Publicar resumo do perfil , selecione Mais ações>Editar:

Na guia Configurações da caixa de diálogo Publicar :

• Expanda Bases de dados e selecione Usar esta string de conexão durante o tempo de execução.

• Expanda Migrações do Entity Framework e selecione Aplicar esta migração ao publicar.

• Selecione Guardar. O Visual Studio retorna à caixa de diálogo Publicar .

Clique em Publicar. O Visual Studio publica seu aplicativo no Azure. Quando a implantação for concluída.

O aplicativo é aberto em um navegador. Registre um novo usuário e faça login como o novo usuário para validar a implantação do banco de dados e a conexão em tempo de execução.

Atualizar a aplicação

• Edite a página e altere seu Pages/Index.cshtmlRazor conteúdo e, em seguida, salve as alterações. Por exemplo, você pode modificar o parágrafo para dizer "Olá ASP.NET Core!":

  @page
  @model IndexModel
  @{
      ViewData["Title"] = "Home page";
  }
  
  <div class="text-center">
      <h1 class="display-4">Welcome</h1>
      <p>Learn about <a href="https://docs.microsoft.com/aspnet/core">building Web apps with ASP.NET Core</a>.</p>
      <p>Hello ASP.NET Core!</p>
  </div>
  

• Selecione Publicar na página Publicar resumo do perfil novamente.

• Depois que o aplicativo for publicado, atualize a página e verifique se as alterações feitas estão disponíveis no Azure.

Limpeza

Quando terminar de testar o aplicativo, vá para o portal do Azure e exclua o aplicativo.

• Selecione Grupos de recursos e, em seguida, selecione o grupo de recursos que criou.

• Na página Grupo de recursos , selecione Excluir grupo de recursos.

• Digite o nome do grupo de recursos e selecione Excluir. Seu aplicativo e todos os outros recursos criados neste tutorial agora são excluídos do Azure.

Recursos adicionais

• Serviço de Aplicações do Azure
• Grupos de recursos do Azure
• Banco de Dados SQL do Azure
• pt-PT: Perfis de publicação do Visual Studio (.pubxml) para a implementação de aplicações ASP.NET Core
• Solucionar problemas do ASP.NET Core no Serviço de Aplicativo do Azure e no IIS