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

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 início rápido mostra como implantar seu primeiro aplicativo Web ASP.NET no Serviço de Aplicativo do Azure.This quickstart shows how to deploy your first ASP.NET web app to Azure App Service. Quando terminar, você terá um plano do Serviço de Aplicativo.When you're finished, you'll have an App Service plan. Você também terá um aplicativo do Serviço de Aplicativo com um aplicativo Web implantado.You'll also have 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 Create an ASP.NET web app

Crie um aplicativo Web ASP.NET seguindo estas etapas:Create an ASP.NET 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 (.NET Framework) e, em seguida, selecione Avançar.In Create a new project, find and choose ASP.NET Web Application (.NET Framework), 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. Você pode implantar qualquer tipo de aplicativo Web ASP.NET no Azure.You can deploy any type of ASP.NET web app to Azure. Para este início rápido, escolha o modelo MVC.For this quickstart, choose the MVC template.

  5. Verifique se a autenticação está definida como Sem Autenticação.Make sure authentication is set to No Authentication. Selecione Criar.Select Create.

    Criar aplicativo Web ASP.NET

  6. 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 Web Publish 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, em seguida, altere Criar perfil para Publicar.Choose App Service and then change Create profile to 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 Plano de Hospedagem, selecione Novo.For to 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.

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

    Configurar nome do aplicativo

Depois que o assistente é concluído, ele publica o aplicativo Web ASP.NET no Azure e, em seguida, inicia o aplicativo no navegador padrão.Once the wizard completes, it publishes the ASP.NET 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 está em execução no Serviço de Aplicativo do Azure.Your ASP.NET 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 Exibições > Home > Index.cshtml.In Solution Explorer, under your project, open Views > Home > Index.cshtml.

  2. Encontre o rótulo HTML <div class="jumbotron"> próximo à parte superior e substitua o elemento inteiro pelo seguinte código: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 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. Em seguida, selecione Publicar.Then, select Publish.

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

  1. Para gerenciar o aplicativo Web, vá para o portal do Azure e 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

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

    Visão geral do Serviço de Aplicativo no portal do Microsoft Azure

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

Próximas etapasNext steps