Criar uma aplicação Web ASP.NET Core no AzureCreate an ASP.NET Core web app in Azure

Nota

Este artigo implementa uma aplicação no Serviço de Aplicações no Windows.This article deploys an app to App Service on Windows. Para implementar um Serviço de Aplicações no Linux, consulte Criar uma aplicação Web .NET Core no Serviço de Aplicações no Linux.To deploy to App Service on Linux, see Create a .NET Core web app in App Service on Linux.

O Serviço de Aplicações do Azure oferece um serviço de alojamento na Web altamente dimensionável e com correção automática.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 Azure App.This quickstart shows how to deploy your first ASP.NET Core web app to Azure App Service. Quando tiver terminado, 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 de desenvolvimento da web e do ASP.net .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 se há 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 uma aplicação 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, em seguida, selecione criar um novo projeto.Open Visual Studio and then select Create a new project.

  2. Em criar um novo projeto, localize e escolha ASP.NET Core aplicativo Web 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, nomeie o aplicativo _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 guia de início rápido, escolha o modelo de 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 ASP.NET Core Razor Pages para este tutorial

    Pode implementar qualquer tipo de aplicação 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 Depurar para executar o aplicativo Web localmente.From the Visual Studio menu, select Debug > Start Without Debugging to run the web app locally.

    Executar a aplicação localmente

Publicar seu aplicativo WebPublish your web app

  1. Em 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, em seguida, selecione publicar.Choose App Service and then select Publish.

    Publicar a partir da página de descrição geral do projeto

  3. No serviço de aplicativo criar novo, suas opções dependem se você já entrou no Azure e se tem 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á tiver entrado, selecione a conta desejada.If you're already signed in, select the account you want.

    Nota

    Se já tiver sessão iniciada, não selecione ainda Criar.If you're already signed in, don't select Create yet.

    Iniciar sessão no Azure

    Um grupo de recursos é um contentor lógico em que os recursos do Azure, como aplicações Web, bases de dados e contas de armazenamento são implementados e geridos.A resource group is a logical container into which Azure resources like web apps, databases, and storage accounts are deployed and managed. Por exemplo, pode optar por eliminar todo o grupo de recursos num único passo simples mais tarde.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 novo nome do grupo de recursos, insira MyResource Group e selecione OK.In New resource group name, enter myResourceGroup and select OK.

    Um plano do serviço de aplicações especifica o local, tamanho e funcionalidades da farm de servidores Web que aloja a aplicação.An App Service plan specifies the location, size, and features of the web server farm that hosts your app. Pode economizar dinheiro ao alojar várias aplicações, configurando as aplicações Web para partilhar um único plano do serviço de aplicações.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 Aplicações definem:App Service plans define:

    • Região (por exemplo: Europa, EUA Leste ou Sudeste asiático do Norte)Region (for example: North Europe, East US, or Southeast Asia)
    • Tamanho da instância (pequena, média, grande)Instance size (small, medium, or large)
    • Contagem do dimensionamento (1 a 20 instâncias)Scale count (1 to 20 instances)
    • SKU (Gratuito, Partilhado, 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.

    DefiniçãoSetting Valor sugeridoSuggested Value DescriçãoDescription
    Plano do Serviço de AplicaçõesApp Service Plan myAppServicePlanmyAppServicePlan Nome do plano de serviço de aplicações.Name of the App Service plan.
    LocalizaçãoLocation Europa OcidentalWest Europe O centro de dados onde o a aplicação Web está alojada.The datacenter where the web app is hosted.
    TamanhoSize GratuitoFree O escalão de preço determina as funcionalidades do alojamento.Pricing tier determines hosting features.

    Criar plano do App Service

  8. Em nome, insira um nome de aplicativo exclusivo que inclua somente os caracteres válidos são a-z, A-Z, 0-9e -.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. O URL da aplicação Web é http://<app_name>.azurewebsites.net, em que <app_name> é o nome da aplicação.The URL of the web app is http://<app_name>.azurewebsites.net, where <app_name> is your app name.

    Configurar o nome da aplicação

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

Depois de concluir o assistente, este publica a aplicação Web ASP.NET Core no Azure e, em seguida, inicia a aplicação no browser predefinido.Once the wizard completes, it publishes the ASP.NET Core web app to Azure, and then launches the app in the default browser.

Aplicação Web ASP.NET publicada no Azure

O nome do aplicativo especificado na página criar novo do serviço de aplicativo é usado como o prefixo de 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 Azure App.Your ASP.NET Core web app is running live in Azure App Service.

Atualizar a aplicação e reimplementarUpdate 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 tags <div> pelo seguinte código: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 voltar a implementar no Azure, clique com o botão direito do rato no projeto myFirstAzureWebApp, no Explorador 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 Resumo da publicação , selecione publicar.In the Publish summary page, select Publish.

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

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

Aplicação Web ASP.NET atualizada no Azure

Gerenciar o aplicativo do AzureManage the Azure app

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

Selecionar serviços de aplicativos

Na página serviços de aplicativos , selecione o nome do seu aplicativo Web.On the App Services page, select the name of your web app.

Navegação do portal para a aplicação do Azure

É apresentada a página de descrição geral da sua aplicação Web.You see your web app's Overview page. Aqui, você pode fazer gerenciamento básico, 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 diferentes páginas para configurar a sua aplicação.The left menu provides different pages for configuring your app.

Limpar recursosClean up resources

Nos passos anteriores, criou os recursos do Azure num grupo de recursos.In the preceding steps, you created Azure resources in a resource group. Se provavelmente não necessitar desses recursos no futuro, pode eliminá-los ao eliminar 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 portal do Azure ou página inicial , selecione grupos de recursose, 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 do Myresourceus , verifique se os recursos listados são aqueles que você deseja excluir.On the myResourceGroup page, make sure that the listed resources are the ones you want to delete.

Selecione Eliminar, introduza myResourceGroup na caixa de texto e, em seguida, selecione Eliminar.Select Delete, type myResourceGroup in the text box, and then select Delete.

Passos seguintesNext steps