Quickstart: Criar uma aplicação web ASP.NET Core em AzureQuickstart: Create an ASP.NET Core web app in Azure

Neste arranque rápido, aprenderá a criar e implementar a sua primeira ASP.NET aplicação web Core para o Azure App Service.In this quickstart, you'll learn how to create and deploy your first ASP.NET Core web app to Azure App Service.

Quando terminar, terá um grupo de recursos Azure composto por um plano de hospedagem do Serviço de Aplicações e um Serviço de Aplicações com uma aplicação web implementada.When you're finished, you'll have an Azure resource group consisting of an App Service hosting plan and an App Service with a deployed web application.

Pré-requisitosPrerequisites

  • Uma conta Azure com uma subscrição ativa.An Azure account with an active subscription. Crie uma conta gratuitamente.Create an account for free.

  • Este quickstart implementa uma aplicação para o Serviço de Aplicações no Windows.This quickstart 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.

  • Instale o Visual Studio 2019 com a carga de trabalho de ASP.NET e desenvolvimento web.Install Visual Studio 2019 with the ASP.NET and web development workload.

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

    • Instale as últimas atualizações no Estúdio Visual selecionando A Verificação de Ajuda > para 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 funcionalidades.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 uma aplicação web ASP.NET Core no Estúdio Visual seguindo estes passos:Create an ASP.NET Core web app in Visual Studio by following these steps:

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

  2. Em Criar um novo projeto, selecione ASP.NET Core Web Application e confirme que C# está listado nos idiomas para essa escolha e, em seguida, selecione Next.In Create a new project, select ASP.NET Core Web Application and confirm that C# is listed in the languages for that choice, then select Next.

  3. Na Configuração do seu novo projeto, nomeie o seu projeto de aplicação web myFirstAzureWebApp, e selecione Create.In Configure your new project, name your web application project myFirstAzureWebApp, and select Create.

    Configure o seu projeto de aplicação web

  4. Pode implementar qualquer tipo de ASP.NET aplicação web Core para o Azure, mas para este arranque rápido, escolha o modelo de Aplicação Web.You can deploy any type of ASP.NET Core web app to Azure, but for this quickstart, choose the Web Application template. Certifique-se de que a Autenticação está definida para não autenticação, e que nenhuma outra opção é selecionada.Make sure Authentication is set to No Authentication, and that no other option is selected. Em seguida, selecione Criar.Then, select Create.

    Criar uma nova ASP.NET web app Core

  5. A partir do menu do Estúdio Visual, selecione Debug > Start Without Debugging para executar a sua aplicação web localmente.From the Visual Studio menu, select Debug > Start Without Debugging to run your web app locally.

    Aplicativo web funcionando localmente

Publique a sua aplicação webPublish your web app

Para publicar a sua aplicação web, primeiro tem de criar e configurar um novo Serviço de Aplicações para o que pode publicar a sua aplicação.To publish your web app, you must first create and configure a new App Service that you can publish your app to.

Como parte da configuração do Serviço de Aplicações, irá criar:As part of setting up the App Service, you'll create:

  • Um novo grupo de recursos para conter todos os recursos do Azure para o serviço.A new resource group to contain all of the Azure resources for the service.
  • Um novo Plano de Hospedagem que especifica a localização, tamanho e funcionalidades da quinta do servidor web que acolhe a sua aplicação.A new Hosting Plan that specifies the location, size, and features of the web server farm that hosts your app.

Siga estes passos para criar o seu Serviço de Aplicações e publique a sua aplicação web:Follow these steps to create your App Service and publish your web app:

  1. No Solution Explorer, clique à direita no projeto myFirstAzureWebApp e selecione Publish.In Solution Explorer, right-click the myFirstAzureWebApp project and select Publish. Se ainda não se inscreveu na sua conta Azure do Visual Studio, selecione adicionar uma conta ou iniciar sessão.If you haven't already signed-in to your Azure account from Visual Studio, select either Add an account or Sign in. Também pode criar uma conta Azure gratuita.You can also create a free Azure account.

  2. Na caixa de diálogo de alvo Pick, escolha o Serviço de Aplicações, selecione Criar Novoe, em seguida, selecione Criar Perfil.In the Pick a publish target dialog box, choose App Service, select Create New, and then select Create Profile.

    Escolher um destino de publicação

  3. No Serviço de Aplicações: Crie um novo diálogo, forneça um Nome globalmente único para a sua aplicação, aceitando o nome predefinido ou inserindo um novo nome.In the App Service: Create new dialog, provide a globally unique Name for your app by either accepting the default name, or entering a new name. Os caracteres a-zválidos são: , A-Z, 0-9e -.Valid characters are: a-z, A-Z, 0-9, and -. Este Nome é usado como prefixo URL para http://<app_name>.azurewebsites.neta sua aplicação web no formato .This Name is used as the URL prefix for your web app in the format http://<app_name>.azurewebsites.net.

  4. Para Subscrição, aceite a subscrição listada ou selecione uma nova da lista de drop-down.For Subscription, accept the subscription that is listed or select a new one from the drop-down list.

  5. No grupo Recursos, selecione New.In Resource group, select New. Em novo nome de grupo de recursos, insira o myResourceGroup e selecione OK.In New resource group name, enter myResourceGroup and select OK.

  6. Para plano de hospedagem, selecione New.For Hosting Plan, select New.

  7. No Plano de Acolhimento: Criar um novo diálogo, introduza os valores especificados no quadro seguinte:In the Hosting Plan: Create new dialog, enter the values specified in the following table:

    DefiniçãoSetting Valor sugeridoSuggested Value DescriçãoDescription
    Plano de HospedagemHosting Plan myFirstAzureWebAppPlanmyFirstAzureWebAppPlan 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 novo Plano de Hospedagem

  8. Deixe as informações de aplicação definidaspara nenhuma .Leave Application Insights set to None.

  9. No Serviço de Aplicações: Criar uma nova caixa de diálogo, selecione Criar para começar a criar os recursos Azure.In the App Service: Create new dialog box, select Create to start creating the Azure resources.

    Criar um novo serviço de aplicações

  10. Assim que o assistente estiver concluído, selecione Publicar.Once the wizard completes, select Publish.

    Publicar web app para Azure

    O Visual Studio publica a sua ASP.NET aplicação web Core para o Azure, e lança a aplicação no seu navegador padrão.Visual Studio publishes your ASP.NET Core web app to Azure, and launches the app in your default browser.

    Publicado ASP.NET aplicação web em funcionamento no Azure

Parabéns!Congratulations! A sua aplicação web ASP.NET Core está a funcionar ao vivo no Azure App Service.Your ASP.NET Core web app is running live in Azure App Service.

Atualizar a aplicação e reimplementarUpdate the app and redeploy

Siga estes passos para atualizar e reimplementar a sua aplicação web:Follow these steps to update and redeploy your web app:

  1. No Solution Explorer, no âmbito do seu projeto, abra oÍndice de Páginas.cshtml Pages > .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.

    Publicar atualização para a web app

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.

App web atualizada ASP.NET em execução em Azure

Gerir a app AzureManage the Azure app

Para gerir a sua aplicação web, vá ao portal Azuree procure e selecione Serviços de Aplicações.To manage your web app, go to the Azure portal, and search for and select App Services.

Selecione Serviços de Aplicações

Na página de Serviços de Aplicações, selecione o nome da sua aplicação web.On the App Services page, select the name of your web app.

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

A página 'Overview' da sua aplicação web contém opções para a gestão básica como navegar, parar, começar, reiniciar e eliminar.The Overview page for your web app, contains options for basic management like browse, stop, start, restart, and delete. O menu esquerdo fornece mais páginas para configurar a sua aplicação.The left menu provides further pages for configuring your app.

Serviço de Aplicações no portal Azure

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.

A partir do menu do portal Azure ou página inicial, selecione Grupos de Recursos, e na página dos 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 os que pretende eliminar.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

Neste arranque rápido, usou o Visual Studio para criar e implementar uma aplicação web ASP.NET Core para o Azure App Service.In this quickstart, you used Visual Studio to create and deploy an ASP.NET Core web app to Azure App Service.

Avançar para o próximo artigo para aprender a criar uma aplicação .NET Core e conectá-la a uma Base de Dados SQL:Advance to the next article to learn how to create a .NET Core app and connect it to a SQL Database: