Criar um aplicativo Web ASP.NET Core no AzureCreate an ASP.NET Core web app in Azure

Observação

Este artigo implanta um aplicativo no Serviço de Aplicativo no Windows.This article deploys an app to App Service on Windows. Para implantar o Serviço de Aplicativo em Linux, consulte Criar um aplicativo Web .NET Core no Serviço de Aplicativo em Linux.To deploy to App Service on Linux, see Create a .NET Core web app in App Service on Linux.

O Serviço de Aplicativo do Azure fornece um serviço de hospedagem na Web altamente escalonável e com aplicação automática de patches.Azure App Service provides a highly scalable, self-patching web hosting service. Este guia de início rápido mostra como implantar seu primeiro aplicativo Web ASP.NET Core no Serviço de Aplicativo do Azure.This quickstart shows how to deploy your first ASP.NET Core web app to Azure App Service. Quando terminar, você terá um grupo de recursos que consiste em um plano do Serviço de Aplicativo e um aplicativo do Serviço de Aplicativo com um aplicativo Web implantado.When you're finished, you'll have a resource group that consists of an App Service plan and an App Service app with a deployed web application.

Se você não tiver uma assinatura do Azure, crie uma conta gratuita antes de começar.If you don't have an Azure subscription, create a free account before you begin.

Pré-requisitosPrerequisites

Para concluir este tutorial, instale o Visual Studio 2017 com a carga de trabalho do ASP.NET e de desenvolvimento para a Web.To complete this tutorial, install Visual Studio 2017 with the ASP.NET and web development workload.

Se você já instalou o Visual Studio 2017:If you've installed Visual Studio 2017 already:

  • Instale as atualizações mais recentes no Visual Studio, clicando em Ajuda > Verificar Atualizações.Install the latest updates in Visual Studio by clicking Help > Check for Updates.
  • Adicione a carga de trabalho clicando em Ferramentas > Obter Ferramentas e Recursos.Add the workload by clicking Tools > Get Tools and Features.

Criar um aplicativo Web ASP.NET CoreCreate an ASP.NET Core web app

No Visual Studio, crie um projeto selecionando Arquivo > Novo > Projeto.In Visual Studio, create a project by selecting File > New > Project.

Na caixa de diálogo Novo Projeto, selecione Visual C# > Web > Aplicativo Web ASP.NET Core.In the New Project dialog, select Visual C# > Web > ASP.NET Core Web Application.

Nomeie o aplicativo como myFirstAzureWebApp e clique em OK.Name the application myFirstAzureWebApp, and then select OK.

Caixa de diálogo Novo Projeto

Você pode implantar qualquer tipo de aplicativo Web ASP.NET Core no Azure.You can deploy any type of ASP.NET Core web app to Azure. Para este início rápido, selecione o modelo Aplicativo Web e verifique se a autenticação está definida para Sem Autenticação e nenhuma outra opção está selecionada.For this quickstart, select the Web Application template, and make sure authentication is set to No Authentication and no other option is selected.

Selecione OK.Select OK.

Caixa de diálogo Novo Projeto ASP .NET

No menu, selecione Depurar > Iniciar sem depuração para executar o aplicativo Web localmente.From the menu, select Debug > Start without Debugging to run the web app locally.

Executar o aplicativo localmente

Iniciar assistente de publicaçãoLaunch the publish wizard

No Gerenciador de Soluções, clique com o botão direito do mouse no projeto myFirstAzureWebApp e selecione Publicar.In the Solution Explorer, right-click the myFirstAzureWebApp project and select Publish.

Publicar no Gerenciador de Soluções

O assistente de publicação é iniciado automaticamente.The publish wizard is automatically launched. Selecione Serviço de Aplicativo > Publicar para abrir a caixa de diálogo Criar Serviço de Aplicativo.Select App Service > Publish to open the Create App Service dialog.

Publicar na página de visão geral do projeto

Entrar no AzureSign in to Azure

Na caixa de diálogo Criar Serviço de Aplicativo, clique em Adicionar uma conta e faça logon em sua assinatura do Azure.In the Create App Service dialog, click Add an account, and sign in to your Azure subscription. Se você já estiver conectado, selecione a conta que deseja na lista suspensa.If you're already signed in, select the account you want from the dropdown.

Observação

Se você já estiver conectado, não selecione Criar ainda.If you're already signed in, don't select Create yet.

Entrar no Azure

Criar um grupo de recursosCreate a resource group

Um grupo de recursos é um contêiner lógico no qual os recursos do Azure, como aplicativos Web, bancos de dados e contas de armazenamento, são implantados e gerenciados.A resource group is a logical container into which Azure resources like web apps, databases, and storage accounts are deployed and managed. Por exemplo, é possível excluir posteriormente todo o grupo de recursos com uma única etapa simples.For example, you can choose to delete the entire resource group in one simple step later.

Ao lado de Grupo de recursos, selecione Novo.Next to Resource Group, select New.

Nomeie o grupo de recursos myResourceGroup e selecione Ok.Name the resource group myResourceGroup and select OK.

Criar um plano de Serviço de AplicativoCreate an App Service plan

Um plano do Serviço de Aplicativo especifica o local, tamanho e recursos do farm de servidores Web que hospeda o aplicativo.An App Service plan specifies the location, size, and features of the web server farm that hosts your app. Você pode economizar dinheiro ao hospedar vários aplicativos configurando os aplicativos Web para compartilhar um único plano do Serviço de Aplicativo.You can save money when hosting multiple apps by configuring the web apps to share a single App Service plan.

Os Planos do Serviço de Aplicativo definem:App Service plans define:

  • Região (por exemplo: Europa Setentrional, Leste dos EUA ou Sudeste Asiático)Region (for example: North Europe, East US, or Southeast Asia)
  • Tamanho da instância (pequena, média ou grande)Instance size (small, medium, or large)
  • Contagem da escala (1 a 20 instâncias)Scale count (1 to 20 instances)
  • SKU (Gratuito, Compartilhado, Básico, Standard ou Premium)SKU (Free, Shared, Basic, Standard, or Premium)

Ao lado de Plano de Hospedagem, selecione Novo.Next to Hosting Plan, select New.

Na caixa de diálogo Configurar Plano de Hospedagem, use as configurações na tabela de acordo com a captura de tela.In the Configure Hosting Plan dialog, use the settings in the table following the screenshot.

Criar plano de Serviço de Aplicativo

ConfiguraçãoSetting Valor sugeridoSuggested Value DESCRIÇÃODescription
Plano do Serviço de AplicativoApp Service Plan myAppServicePlanmyAppServicePlan O nome do plano do Serviço de Aplicativo.Name of the App Service plan.
Local padrãoLocation Europa OcidentalWest Europe O datacenter onde o aplicativo Web está hospedado.The datacenter where the web app is hosted.
TamanhoSize GrátisFree O Tipo de preço determina os recursos de hospedagem.Pricing tier determines hosting features.

Selecione OK.Select OK.

Publicar e publicar o aplicativo WebCreate and publish the web app

Em Nome do Aplicativo, digite um nome exclusivo do aplicativo (os caracteres válidos são a-z, 0-9 e -) ou aceite o nome exclusivo gerado automaticamente.In App Name, type a unique app name (valid characters are a-z, 0-9, and -), or accept the automatically generated unique name. A URL do aplicativo Web é http://<app_name>.azurewebsites.net, em que <app_name> é o nome do aplicativo.The URL of the web app is http://<app_name>.azurewebsites.net, where <app_name> is your app name.

Clique em Criar para começar a criar os recursos do Azure.Select Create to start creating the Azure resources.

Configurar nome do aplicativo

Após a conclusão do assistente, ele publicará o aplicativo Web ASP.NET Core no Azure e, em seguida, iniciará o aplicativo no navegador padrão.Once the wizard completes, it publishes the ASP.NET Core web app to Azure, and then launches the app in the default browser.

Aplicativo Web ASP.NET publicado no Azure

O nome do aplicativo especificado na etapa para criar e publicar é usado como o prefixo de URL no formato http://<app_name>.azurewebsites.net.The app name specified in the create and publish step is used as the URL prefix in the format http://<app_name>.azurewebsites.net.

Parabéns, seu aplicativo Web ASP.NET Core está em execução no Serviço de Aplicativo do Azure.Congratulations, your ASP.NET Core web app is running live in Azure App Service.

Atualizar o aplicativo e reimplantarUpdate the app and redeploy

No Gerenciador de Soluções, abra Pages/Index.cshtml.From the Solution Explorer, open Pages/Index.cshtml.

Substitua as duas marcas <div> pelo código a seguir:Replace the two <div> tags with the following code:

<div class="jumbotron">
    <h1>ASP.NET in Azure!</h1>
    <p class="lead">This is a simple app that we’ve built that demonstrates how to deploy a .NET app to Azure App Service.</p>
</div>

Para implantar novamente no Azure, clique com o botão direito do mouse no projeto myFirstAzureWebApp, no Gerenciador de Soluções e selecione Publicar.To redeploy to Azure, right-click the myFirstAzureWebApp project in Solution Explorer and select Publish.

Na página de resumo da publicação, selecione Publicar.In the publish summary page, select Publish. Página de resumo da publicação do Visual StudioVisual Studio publish summary page

Quando a publicação está concluída, o Visual Studio inicia um navegador para a URL do aplicativo Web.When publishing completes, Visual Studio launches a browser to the URL of the web app.

Aplicativo Web ASP.NET atualizado no Azure

Gerenciar o aplicativo do AzureManage the Azure app

Acesse o portal do Azure para gerenciar o aplicativo Web.Go to the Azure portal to manage the web app.

No menu à esquerda, selecione Serviços de Aplicativos e, em seguida, selecione o nome do seu aplicativo do Azure.From the left menu, select App Services, and then select the name of your Azure app.

Navegação no Portal para o aplicativo do Azure

A página Visão Geral do seu aplicativo Web é exibida.You see your web app's Overview page. Aqui você pode executar tarefas básicas de gerenciamento como procurar, parar, iniciar, reiniciar e excluir.Here, you can perform basic management tasks like browse, stop, start, restart, and delete.

Folha Serviço de Aplicativo no portal do Azure

O menu à esquerda fornece páginas diferentes para configurar seu aplicativo.The left menu provides different pages for configuring your app.

Limpar recursosClean up resources

Nas etapas anteriores, você criou os recursos do Azure em um grupo de recursos.In the preceding steps, you created Azure resources in a resource group. Se você não espera precisar desses recursos no futuro, poderá excluí-los ao excluir o grupo de recursos.If you don't expect to need these resources in the future, you can delete them by deleting the resource group.

No menu à esquerda no portal do Azure, selecione Grupos de recursos e, em seguida, selecione myResourceGroup.From the left menu in the Azure portal, select Resource groups and then select myResourceGroup.

Na página do grupo de recursos, certifique-se de que os recursos listados são aqueles que deseja excluir.On the resource group page, make sure that the listed resources are the ones you want to delete.

Selecione Excluir, digite myResourceGroup na caixa de texto e selecione Excluir.Select Delete, type myResourceGroup in the text box, and then select Delete.

Próximas etapasNext steps