Publicar um aplicativo ASP.NET Core no Azure com o Visual StudioPublish an ASP.NET Core app to Azure with Visual Studio

Por Rick Anderson e Cesar Blum SilveiraBy Rick Anderson, Cesar Blum Silveira

Importante

Versões prévias do ASP.NET Core com o Serviço de Aplicativo do AzureASP.NET Core preview releases with Azure App Service

Versões prévias do ASP.NET Core não são implantadas para o Serviço de Aplicativo do Azure por padrão.ASP.NET Core preview releases aren't deployed to Azure App Service by default. Para hospedar um aplicativo que usa uma versão prévia do ASP.NET Core, veja Implantar versão prévia do ASP.NET Core para o Serviço de Aplicativo do Azure.To host an app that uses an ASP.NET Core preview release, see Deploy ASP.NET Core preview release to Azure App Service.

Confira Publicar no Azure do Visual Studio para Mac se você estiver trabalhando no macOS.See Publish to Azure from Visual Studio for Mac if you are working on macOS.

Para solucionar um problema de implantação do Serviço de Aplicativo, confira Solucionar problemas no ASP.NET Core no Serviço de Aplicativo do Azure.To troubleshoot an App Service deployment issue, see Solucionar problemas no ASP.NET Core no Serviço de Aplicativo do Azure.

ConfigurarSet up

Como criar um aplicativo WebCreate a web app

Na página inicial do Visual Studio, selecione Arquivo > Novo > Projeto...In the Visual Studio Start Page, select File > New > Project...

Menu Arquivo

Complete a caixa de diálogo Novo Projeto:Complete the New Project dialog:

  • No painel esquerdo, selecione .NET Core.In the left pane, select .NET Core.
  • No painel central, toque em Aplicativo Web ASP.NET Core.In the center pane, select ASP.NET Core Web Application.
  • Selecione OK.Select OK.

Caixa de diálogo Novo Projeto

Na caixa de diálogo Novo Aplicativo Web ASP.NET Core:In the New ASP.NET Core Web Application dialog:

  • Selecione Aplicativo Web.Select Web Application.
  • Selecione Mudar Autenticação.Select Change Authentication.

Caixa de diálogo Novo Projeto

A caixa de diálogo Mudar Autenticação é exibida.The Change Authentication dialog appears.

  • Selecione Contas de Usuário Individuais.Select Individual User Accounts.
  • Selecione OK para retornar para o Novo Aplicativo Web do ASP.NET Core, em seguida, selecione OK novamente.Select OK to return to the New ASP.NET Core Web Application, then select OK again.

Caixa de diálogo Nova autenticação da Web do ASP.NET Core

O Visual Studio cria a solução.Visual Studio creates the solution.

Executar o aplicativoRun the app

  • Pressione CTRL+F5 para executar o projeto.Press CTRL+F5 to run the project.
  • Teste os links Sobre e Contato.Test the About and Contact links.

Aplicativo Web aberto no Microsoft Edge no localhost

Registrar um usuárioRegister a user

  • Selecione Registrar e registre um novo usuário.Select Register and register a new user. Você pode usar um endereço de email fictício.You can use a fictitious email address. Ao enviar, a página exibirá o seguinte erro:When you submit, the page displays the following error:

    "Erro Interno do Servidor: uma operação de banco de dados falhou ao processar a solicitação. Exceção do SQL: não é possível abrir o banco de dados. A aplicação de migrações existentes ao contexto do BD do Aplicativo pode resolver esse problema.""Internal Server Error: A database operation failed while processing the request. SQL exception: Cannot open the database. Applying existing migrations for Application DB context may resolve this issue."

  • Selecione Aplicar Migrações e, depois que a página for atualizada, atualize a página.Select Apply Migrations and, once the page updates, refresh the page.

Erro Interno do Servidor: uma operação de banco de dados falhou ao processar a solicitação.

O aplicativo exibe o email usado para registrar o novo usuário e um link Fazer logout.The app displays the email used to register the new user and a Log out link.

Aplicativo Web aberto no Microsoft Edge.

Implantar o aplicativo no AzureDeploy the app to Azure

Clique com o botão direito do mouse no projeto no Gerenciador de Soluções e selecione Publicar....Right-click on the project in Solution Explorer and select Publish....

Menu contextual aberto com o link Publicar realçado

Na caixa de diálogo Publicar:In the Publish dialog:

  • Selecione Serviço de Aplicativo do Microsoft Azure.Select Microsoft Azure App Service.
  • Selecione o ícone de engrenagem e, em seguida, Criar Perfil.Select the gear icon and then select Create Profile.
  • Selecione Criar Perfil.Select Create Profile.

Caixa de diálogo Publicar

Criar recursos do AzureCreate Azure resources

A caixa de diálogo Criar Serviço de Aplicativo será exibida:The Create App Service dialog appears:

  • Insira sua assinatura.Enter your subscription.
  • Os campos de entrada Nome do Aplicativo, Grupo de Recursos e Plano do Serviço de Aplicativo serão populados.The App Name, Resource Group, and App Service Plan entry fields are populated. Você pode manter esses nomes ou alterá-los.You can keep these names or change them.

Caixa de diálogo Serviço de Aplicativo

  • Selecione a guia Serviços para criar um novo banco de dados.Select the Services tab to create a new database.

  • Selecione o ícone verde + para criar um novo Banco de Dados SQLSelect the green + icon to create a new SQL Database

Novo Banco de Dados SQL

  • Selecione Novo... na caixa de diálogo Configurar Banco de Dados SQL para criar um novo banco de dados.Select New... on the Configure SQL Database dialog to create a new database.

Novo servidor e Banco de Dados SQL

A caixa de diálogo Configurar o SQL Server é exibida.The Configure SQL Server dialog appears.

  • Insira um nome de usuário do administrador e a senha e, em seguida, selecione OK.Enter an administrator user name and password, and then select OK. Você pode manter o Nome do Servidor padrão.You can keep the default Server Name.

Observação

“admin” não é permitido como o nome de usuário administrador."admin" isn't allowed as the administrator user name.

Caixa de diálogo Configurar o SQL Server

  • Selecione OK.Select OK.

O Visual Studio retorna para a caixa de diálogo Criar Serviço de Aplicativo.Visual Studio returns to the Create App Service dialog.

  • Selecione Criar na caixa de diálogo Criar Serviço de Aplicativo.Select Create on the Create App Service dialog.

Caixa de diálogo Configurar o Banco de Dados SQL

O Visual Studio cria o aplicativo Web e o SQL Server no Azure.Visual Studio creates the Web app and SQL Server on Azure. Esta etapa pode levar alguns minutos.This step can take a few minutes. Para obter informações sobre os recursos criados, confira Recursos adicionais.For information on the resources created, see Additional resources.

Quando a implantação for concluída, selecione Configurações:When deployment completes, select Settings:

Caixa de diálogo Configurar o SQL Server

Na página Configurações da caixa de diálogo Publicar:On the Settings page of the Publish dialog:

  • Expanda Bancos de Dados e marque a opção Usar esta cadeia de conexão no tempo de execução.Expand Databases and check Use this connection string at runtime.

  • Expanda Migrações do Entity Framework e marque a opção Aplicar esta migração durante a publicação.Expand Entity Framework Migrations and check Apply this migration on publish.

  • Selecione Salvar.Select Save. O Visual Studio retorna para a caixa de diálogo Publicar.Visual Studio returns to the Publish dialog.

Caixa de diálogo Publicar: Painel Configurações

Clique em Publicar.Click Publish. O Visual Studio publica seu aplicativo no Azure.Visual Studio publishes your app to Azure. Quando a implantação for concluída, o aplicativo será aberto em um navegador.When the deployment completes, the app is opened in a browser.

Testar o aplicativo no AzureTest your app in Azure

  • Teste os links Sobre e ContatoTest the About and Contact links

  • Registrar um novo usuárioRegister a new user

Aplicativo Web aberto no Microsoft Edge no Serviço de Aplicativo do Azure

Atualizar o aplicativoUpdate the app

  • Edite a página do Razor Pages/About.cshtml e altere seu conteúdo.Edit the Pages/About.cshtml Razor page and change its contents. Por exemplo, você pode modificar o parágrafo para dizer "Hello ASP.NET Core!":For example, you can modify the paragraph to say "Hello ASP.NET Core!":

    @page
    @model AboutModel
    @{
        ViewData["Title"] = "About";
    }
    <h2>@ViewData["Title"]</h2>
    <h3>@Model.Message</h3>
    
    <p>Hello ASP.NET Core!</p>
    
  • Clique com o botão direito do mouse no projeto e selecione Publicar... novamente.Right-click on the project and select Publish... again.

Menu contextual aberto com o link Publicar realçado

  • Depois que o aplicativo for publicado, verifique se as alterações feitas estão disponíveis no Azure.After the app is published, verify the changes you made are available on Azure.

Verifique se a tarefa está concluída

LimparClean up

Quando você concluir o teste do aplicativo, acesse o portal do Azure e exclua o aplicativo.When you have finished testing the app, go to the Azure portal and delete the app.

  • Selecione Grupos de recursos e, em seguida, selecione o grupo de recursos criado.Select Resource groups, then select the resource group you created.

Portal do Azure: Grupos de Recursos no menu da barra lateral

  • Na página Grupos de recursos, selecione Excluir.In the Resource groups page, select Delete.

Portal do Azure: página Grupos de Recursos

  • Insira o nome do grupo de recursos e selecione Excluir.Enter the name of the resource group and select Delete. O aplicativo e todos os outros recursos criados neste tutorial agora foram excluídos do Azure.Your app and all other resources created in this tutorial are now deleted from Azure.

Próximas etapasNext steps

Recursos adicionaisAdditional resources