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

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 quickstart mostra como implementar a sua primeira aplicação web ASP.NET para o Azure App Service.This quickstart shows how to deploy your first ASP.NET web app to Azure App Service. Quando terminar, terá um plano de Serviço de Aplicações.When you're finished, you'll have an App Service plan. Você também terá uma aplicação de Serviço de Aplicações com uma aplicação web implementada.You'll also have an App Service app with a deployed web application.

Se não tiver uma subscrição 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 completar este tutorial, instale o Visual Studio 2019 com a ASP.NET e a carga de trabalho de desenvolvimento web.To complete this tutorial, 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 o HelpCheck > for Updates.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.NETCreate an ASP.NET web app

Crie uma aplicação web ASP.NET seguindo estes passos:Create an ASP.NET web app by following these steps:

  1. Abra o Estúdio Visual e, em seguida, selecione Criar um novo projeto.Open Visual Studio and then select Create a new project.

  2. Na Criação de um novo projeto, encontre e escolha ASP.NET Aplicação Web (.NET Framework) e, em seguida, selecione Next.In Create a new project, find and choose ASP.NET Web Application (.NET Framework), then select Next.

  3. Em Configurar o seu novo projeto, nomeie a aplicação _myFirstAzureWebApp_e, em seguida, selecione Create.In Configure your new project, name the application myFirstAzureWebApp, and then select Create.

    Configure o seu projeto de aplicação web

  4. Pode implementar qualquer tipo de aplicação Web ASP.NET no Azure.You can deploy any type of ASP.NET web app to Azure. Para este arranque rápido, escolha o modelo MVC.For this quickstart, choose the MVC template.

  5. Certifique-se de que a autenticação está definida para Não Autenticação.Make sure authentication is set to No Authentication. Selecione Criar.Select Create.

    Criar aplicação web ASP.NET

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

    Executar a aplicação localmente

Publique a sua aplicação webPublish your web app

  1. No Solution Explorer, clique com o botão direito no projeto myFirstAzureWebApp e selecione Publicar.In Solution Explorer, right-click the myFirstAzureWebApp project and select Publish.

  2. Escolha o Serviço de Aplicações e selecione Criar perfil.Choose App Service and select Create profile.

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

  3. No App Service Criar novas, as suas opções dependem se já está inscrito no Azure e se tem uma conta visual Studio ligada a uma conta 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 Adicione uma conta ou inscreva-se para iniciar súmis na sua subscrição Azure.Select either Add an account or Sign in to sign in to your Azure subscription. Se já fez a sua assinatura, selecione a conta que pretende.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 o grupo de recursos, selecione New.For Resource group, select New.

  5. No nome do grupo de novos recursos, insira o myResourceGroup 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 do Norte, E.U.A. Leste, Ásia Sudeste)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 New.For to Hosting Plan, select New.

  7. No diálogo do Plano de Alojamento configurado, insira os valores a partir da tabela seguinte e, em seguida, selecione OK.In the Configure Hosting Plan dialog, enter the values from the following table, and then select OK.

    DefiniçãoSetting Valor sugeridoSuggested Value DescriptionDescription
    Plano de AlojamentoHosting 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. In Name, insira um nome de aplicação único que inclui apenas os caracteres válidos são a-z , e A-Z 0-9 - .In Name, enter a unique app name that includes only the valid characters are a-z, A-Z, 0-9, and -. Pode aceitar o nome único 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.

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

    Configurar o nome da aplicação

    Assim que o assistente estiver completo, os recursos do Azure são criados para si e está pronto para publicar.Once the wizard completes, the Azure resources are created for you and you are ready to publish.

  10. Na página publicar, clique em Publicar.In the Publish page, click Publish. Visual Studio constrói, embala e publica a app para o Azure, e depois lança a aplicação no navegador padrão.Visual Studio builds, packages, and publishes the app to Azure, and then launches the app in the default browser.

    Aplicação Web ASP.NET publicada no Azure

O nome da aplicação especificado no Serviço de Aplicações Criar nova página é usado como prefixo 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! A sua aplicação web ASP.NET está a funcionar ao vivo no Azure App Service.Your ASP.NET web app is running live in Azure App Service.

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

  1. No Solution Explorer, no âmbito do seu projeto, abra o Views > Home > Index.cshtml.In Solution Explorer, under your project, open Views > Home > Index.cshtml.

  2. Localize a etiqueta HTML <div class="jumbotron"> na parte superior e substitua todo o elemento pelo código seguinte:Find the <div class="jumbotron"> HTML tag near the top, and replace the entire element 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. Em seguida, selecione Publicar.Then, select Publish.

    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

Gerir a app AzureManage the Azure app

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

    Selecione serviços de aplicações

  2. Na página 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

    É apresentada a página de descrição geral da sua aplicação Web.You see your web app's Overview page. Aqui, pode fazer gestão básica como navegar, parar, iniciar, reiniciar e apagar.Here, you can do basic management like browse, stop, start, restart, and delete.

    Visão geral do Serviço de Aplicações no portal 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.

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 o grupo de recursos, digite o myResourceGroup na caixa de texto para confirmar e, em seguida, selecione Eliminar.Select Delete resource group, type myResourceGroup in the text box to confirm, and then select Delete.

Passos seguintesNext steps