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

Importante

Versões de visualização do ASP.NET Core com o Azure App Service

ASP.NET Versões prévias principais não são implantadas no Serviço de Aplicativo do Azure por padrão. Para hospedar um aplicativo que usa uma versão prévia do ASP.NET Core, consulte Implantar ASP.NET Versão prévia do Core no Serviço de Aplicativo do Azure.

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

Configuração

Abra uma conta gratuita do Azure se você 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 projeto novo, selecione Aplicativo Web ASP.NET Core e selecione Avançar.

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 (Suporte a Termos Padrão).
• Na entrada do tipo 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.

Registrar um usuário

• Selecione Registrar e registrar um novo usuário. Você pode usar um endereço de email 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, depois que a página for atualizada, atualize a página.

• Uma página de confirmação do Registro é exibida. Selecione Clique aqui para confirmar sua conta.
• Uma página confirmar email é exibida.
• Faça logon como o novo usuário.

O aplicativo exibe o email utilizado para o registro do novo usuário e um link Logout.

• Interrompa o aplicativo fechando o navegador ou, no Visual Studio, selecione Depurar>Parar Depuração.
• No Visual Studio, selecione Criar>solução limpa para limpar itens de projeto e evitar contenção de arquivo.

Implantar o aplicativo 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 o Azure.
• Selecione Próximo.

Na caixa de diálogo Publicar :

• Selecione o Serviço de Aplicativo do Azure (Windows).
• Selecione Próximo.

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.

Depois que a criação é concluída, a caixa de diálogo é fechada automaticamente e a caixa de diálogo Publicar obtém o 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 resumo do Perfil de Publicação. O Visual Studio detectou que esse aplicativo requer um banco de dados do SQL Server listado no painel Dependências de Serviço. Selecione as reticências (...) e conecte-se.

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

• Selecione o Banco de Dados SQL do Azure.
• Selecione Próximo.

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

O Criar Banco de Dados SQL do Azure é exibido:

• 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 de banco de dados e a senha de administrador de 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.

Depois que a criação for concluída, a caixa de diálogo será fechada automaticamente e a caixa de diálogo Conectar ao Banco de Dados SQL do Azure receberá o foco novamente:

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

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

• Insira o campo de nome de usuário de conexão de banco de dados e o campo de senha de conexão de banco de dados. Esses são os detalhes que seu aplicativo usará para se conectar ao banco de dados em runtime. A melhor prática é evitar o uso dos 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ências confirma que o Banco de Dados SQL do Azure foi configurado. Selecione Fechar.

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

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

• Expanda Bancos de Dados e verifique Usar essa cadeia de conexão em tempo de execução.

• Expanda as Migrações do Entity Framework e selecione Aplicar essa migração na publicação.

• Clique em Salvar. 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 logon como o novo usuário para validar a implantação do banco de dados e a conexão em tempo de execução.

Atualizar o aplicativo

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

  @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 resumo do Perfil de Publicação 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, acesse o portal do Azure e exclua o aplicativo.

• Selecione grupos de recursos e selecione o grupo de recursos que você criou.

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

• Insira 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 Aplicativo do Azure
• Grupos de recursos do Azure
• Banco de Dados SQL do Azure
• Perfis de publicação do Visual Studio (.pubxml) para a implantação do aplicativo ASP.NET Core
• Solucionar problemas do ASP.NET Core no Serviço de Aplicativo do Azure e no IIS