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 2019 com a carga de trabalho do ASP.NET e de desenvolvimento para a Web.To complete this tutorial, install Visual Studio 2019 with the ASP.NET and web development workload.

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

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

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

Crie um aplicativo Web ASP.NET Core seguindo estas etapas:Create an ASP.NET Core web app by following these steps:

  1. Abra o Visual Studio e selecione Criar novo projeto.Open Visual Studio and then select Create a new project.

  2. Em Criar novo projeto, localize e escolha Aplicativo Web ASP.NET Core para C# e, em seguida, selecione Avançar.In Create a new project, find and choose ASP.NET Core Web Application for C#, then select Next.

  3. Em Configurar seu novo projeto, dê ao aplicativo o nome myFirstAzureWebApp e, em seguida, selecione, Criar.In Configure your new project, name the application myFirstAzureWebApp, and then select Create.

    Configurar seu projeto de aplicativo Web

  4. Para este início rápido, escolha o modelo Aplicativo Web.For this quickstart, choose the Web Application template. Verifique se a autenticação está definida como Sem Autenticação e se nenhuma outra opção está selecionada.Make sure authentication is set to No Authentication and no other option is selected. Selecione Criar.Select Create.

    Selecione Razor Pages do ASP.NET Core para este tutorial

    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.

  5. No menu do Visual Studio, selecione Depurar > Iniciar sem Depuração para executar o aplicativo Web localmente.From the Visual Studio menu, select Debug > Start Without Debugging to run the web app locally.

    Executar o aplicativo localmente

Publicar seu aplicativo WebPublish your web app

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

  2. Escolha Serviço de Aplicativo e selecione Publicar.Choose App Service and then select Publish.

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

  3. Em Criar Novo Serviço de Aplicativo, suas opções dependem de você já ter entrado no Azure e de ter uma conta do Visual Studio vinculada a uma conta do Azure.In App Service Create new, your options depend on whether you're signed in to Azure already and whether you have a Visual Studio account linked to an Azure account. Selecione Adicionar uma conta ou Entrar para entrar em sua assinatura do Azure.Select either Add an account or Sign in to sign in to your Azure subscription. Se você já estiver conectado, selecione a conta que deseja.If you're already signed in, select the account you want.

    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

    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.

  4. Para Grupo de recursos, selecione Novo.For Resource group, select New.

  5. Em Nome do novo grupo de recursos, insira myResourceGroup e selecione OK.In New resource group name, enter myResourceGroup and select OK.

    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)
  6. Para o Plano de Hospedagem, selecione Novo.For the Hosting Plan, select New.

  7. Na caixa de diálogo Configurar Plano de Hospedagem, insira os valores da tabela a seguir e selecione OK.In the Configure Hosting Plan dialog, enter the values from the following table, and then select OK.

    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.
    LocationLocation 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.

    Criar plano de Serviço de Aplicativo

  8. Em Nome, insira um nome de aplicativo exclusivo que inclua somente os caracteres válidos a-z, A-Z, 0-9 e -.In Name, enter a unique app name that includes only the valid characters are a-z, A-Z, 0-9, and -. Você pode aceitar o nome exclusivo gerado automaticamente.You can 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.

    Configurar nome do aplicativo

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

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 página Criar Novo Serviço de Aplicativo é usado como o prefixo da URL no formato http://<app_name>.azurewebsites.net.The app name specified in the App Service Create new page is used as the URL prefix in the format http://<app_name>.azurewebsites.net.

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

Atualizar o aplicativo e reimplantarUpdate the app and redeploy

  1. No Gerenciador de Soluções, em seu projeto, abra Páginas > Index.cshtml.In Solution Explorer, under your project, open Pages > Index.cshtml.

  2. 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>
    
  3. 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.

  4. Na página de resumo Publicar, selecione Publicar.In the Publish summary page, select Publish.

    Página de resumo da publicação do Visual Studio

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

Para gerenciar o aplicativo Web, vá para o portal do Azure e procure e selecione Serviços de Aplicativo.To manage the web app, go to the Azure portal, and search for and select App Services.

Selecionar Serviços de Aplicativo

Na página Serviços de Aplicativo, selecione o nome do seu aplicativo Web.On the App Services page, select the name of your web 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 do basic management like browse, stop, start, restart, and delete.

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 do portal do Azure ou na página Inicial, selecione Grupos de Recursos e, na página Grupos de Recursos, selecione myResourceGroup.From the Azure portal menu or Home page, select Resource groups, and on the Resource groups page, select myResourceGroup.

Na página myResourceGroup, certifique-se de que os recursos listados são aqueles que deseja excluir.On the myResourceGroup 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