Creare un'app Web ASP.NET Core in AzureCreate an ASP.NET Core web app in Azure

Nota

Questo articolo consente di distribuire un'app nel servizio app in Windows.This article deploys an app to App Service on Windows. Per la distribuzione nel servizio app in Linux, vedere Creare un'app Web .NET Core nel servizio app in Linux.To deploy to App Service on Linux, see Create a .NET Core web app in App Service on Linux.

Servizio app di Azure offre un servizio di hosting Web con scalabilità elevata e funzioni di auto-correzione.Azure App Service provides a highly scalable, self-patching web hosting service.

Questa guida introduttiva illustra come distribuire la prima app Web ASP.NET Core in Servizio app di Azure.This quickstart shows how to deploy your first ASP.NET Core web app to Azure App Service. Al termine, si avrà un gruppo di risorse costituito da un piano di servizio app e da un'app del servizio app con un'applicazione Web distribuita.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 non si ha una sottoscrizione di Azure, creare un account gratuito prima di iniziare.If you don't have an Azure subscription, create a free account before you begin.

PrerequisitiPrerequisites

Per completare questa esercitazione, installare Visual Studio 2019 con il carico di lavoro Sviluppo ASP.NET e Web.To complete this tutorial, install Visual Studio 2019 with the ASP.NET and web development workload.

Se Visual Studio 2019 è già installato:If you've installed Visual Studio 2019 already:

  • Installare gli aggiornamenti più recenti in Visual Studio selezionando ? > Controlla aggiornamenti.Install the latest updates in Visual Studio by selecting Help > Check for Updates.
  • Aggiungere il carico di lavoro selezionando Strumenti > Ottieni strumenti e funzionalità.Add the workload by selecting Tools > Get Tools and Features.

Creare un'app Web ASP.NET CoreCreate an ASP.NET Core web app

Creare un'app Web ASP.NET Core seguendo questa procedura:Create an ASP.NET Core web app by following these steps:

  1. Aprire Visual Studio e selezionare Crea un nuovo progetto.Open Visual Studio and then select Create a new project.

  2. In Crea un nuovo progetto trovare e selezionare Applicazione Web ASP.NET Core per C#, quindi selezionare Avanti.In Create a new project, find and choose ASP.NET Core Web Application for C#, then select Next.

  3. In Configura il nuovo progetto assegnare all'applicazione il nome myFirstAzureWebApp e quindi selezionare Crea.In Configure your new project, name the application myFirstAzureWebApp, and then select Create.

    Configurare il progetto di app Web

  4. Per questa guida di avvio rapido scegliere il modello Applicazione Web.For this quickstart, choose the Web Application template. Verificare che l'autenticazione sia impostata su Nessuna autenticazione e che non sia selezionata alcuna altra opzione.Make sure authentication is set to No Authentication and no other option is selected. Selezionare Create (Crea).Select Create.

    Selezionare ASP.NET Core Razor Pages per questa esercitazione

    È possibile distribuire qualsiasi tipo di app Web ASP.NET Core in Azure.You can deploy any type of ASP.NET Core web app to Azure.

  5. Nel menu di Visual Studio selezionare Debug > Avvia senza eseguire debug per eseguire l'app Web in locale.From the Visual Studio menu, select Debug > Start Without Debugging to run the web app locally.

    Eseguire l'app in locale

Pubblicare l'app WebPublish your web app

  1. In Esplora soluzioni fare clic con il pulsante destro del mouse sul progetto myFirstAzureWebApp e scegliere Pubblica.In Solution Explorer, right-click the myFirstAzureWebApp project and select Publish.

  2. Scegliere Servizio app e quindi selezionare Pubblica.Choose App Service and then select Publish.

    Pubblicare dalla pagina di panoramica progetto

  3. In Servizio app - Crea nuovo le opzioni disponibili variano a seconda che sia già stato eseguito l'accesso ad Azure e si abbia un account di Visual Studio collegato a un account di 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. Selezionare Aggiungi un account o Accedi per accedere alla sottoscrizione di Azure.Select either Add an account or Sign in to sign in to your Azure subscription. Se è già stato effettuato l'accesso, selezionare l'account da usare.If you're already signed in, select the account you want.

    Nota

    Se si è già connessi, non selezionare ancora l'opzione Crea.If you're already signed in, don't select Create yet.

    Accedere ad Azure

    Un gruppo di risorse è un contenitore logico in cui vengono distribuite e gestite risorse di Azure come app Web, database e account di archiviazione.A resource group is a logical container into which Azure resources like web apps, databases, and storage accounts are deployed and managed. Ad esempio, si può scegliere in un secondo momento di eliminare l'intero gruppo di risorse in un unico semplice passaggio.For example, you can choose to delete the entire resource group in one simple step later.

  4. Per Gruppo di risorse selezionare Nuovo.For Resource group, select New.

  5. In Nome nuovo gruppo di risorse immettere myResourceGroup e scegliere OK.In New resource group name, enter myResourceGroup and select OK.

    Un piano di servizio app specifica la località, le dimensioni e le funzionalità della server farm Web che ospita l'app.An App Service plan specifies the location, size, and features of the web server farm that hosts your app. Quando si ospitano più app, è possibile limitare i costi configurando le app Web in modo che condividano un singolo piano di servizio app.You can save money when hosting multiple apps by configuring the web apps to share a single App Service plan.

    I piani di servizio app definiscono:App Service plans define:

    • Area (ad esempio: Europa settentrionale, Stati Uniti orientali o Asia sud-orientale)Region (for example: North Europe, East US, or Southeast Asia)
    • Dimensione dell'istanza (Small, Medium o Large)Instance size (small, medium, or large)
    • Numero di scala (da 1 a 20 istanze)Scale count (1 to 20 instances)
    • SKU (Gratuito, Condiviso, Basic, Standard o Premium)SKU (Free, Shared, Basic, Standard, or Premium)
  6. Per Piano di hosting selezionare Nuovo.For the Hosting Plan, select New.

  7. Nella finestra di dialogo Configura piano di hosting immettere i valori della tabella seguente e quindi scegliere OK.In the Configure Hosting Plan dialog, enter the values from the following table, and then select OK.

    ImpostazioneSetting Valore consigliatoSuggested Value DESCRIZIONEDescription
    Piano di servizio appApp Service Plan myAppServicePlanmyAppServicePlan Nome del piano di servizio app.Name of the App Service plan.
    LocationLocation Europa occidentaleWest Europe Data center in cui è ospitata l'app Web.The datacenter where the web app is hosted.
    DimensioneSize GratuitoFree Piano tariffario che determina le funzionalità di hosting.Pricing tier determines hosting features.

    Creare un piano di servizio app

  8. In Nome immettere un nome univoco per l'app che includa solo i caratteri validi, ossia 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 -. È possibile accettare il nome univoco generato automaticamente.You can accept the automatically generated unique name. L'URL dell'app Web è http://<app_name>.azurewebsites.net, dove <app_name> è il nome dell'app.The URL of the web app is http://<app_name>.azurewebsites.net, where <app_name> is your app name.

    Configurare il nome dell'app

  9. Selezionare Crea per avviare la creazione delle risorse di Azure.Select Create to start creating the Azure resources.

Al termine della procedura guidata, l'app Web ASP.NET Core viene pubblicata in Azure e avviata nel browser predefinito.Once the wizard completes, it publishes the ASP.NET Core web app to Azure, and then launches the app in the default browser.

App Web ASP.NET pubblicata in Azure

Il nome dell'app specificato nella pagina Servizio app - Crea nuovo viene usato come prefisso dell'URL nel 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.

CongratulazioniCongratulations! L'app Web ASP.NET Core è ora in esecuzione nel servizio app di Azure.Your ASP.NET Core web app is running live in Azure App Service.

Aggiornare e ridistribuire l'appUpdate the app and redeploy

  1. Nel progetto in Esplora soluzioni aprire Pagine > Index.cshtml.In Solution Explorer, under your project, open Pages > Index.cshtml.

  2. Sostituire i due tag <div> con il codice seguente: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. Per la ridistribuzione in Azure, fare clic con il pulsante destro del mouse sul progetto myFirstAzureWebApp in Esplora soluzioni e selezionare Pubblica.To redeploy to Azure, right-click the myFirstAzureWebApp project in Solution Explorer and select Publish.

  4. Nella pagina di riepilogo Pubblica selezionare Pubblica.In the Publish summary page, select Publish.

    Pagina di riepilogo della pubblicazione di Visual Studio

Al termine del processo di pubblicazione, Visual Studio avvia un browser sull'URL dell'app Web.When publishing completes, Visual Studio launches a browser to the URL of the web app.

App Web ASP.NET aggiornata in Azure

Gestire l'app AzureManage the Azure app

Per gestire l'app Web, passare al portale di Azure, quindi cercare e selezionare Servizi app.To manage the web app, go to the Azure portal, and search for and select App Services.

Selezionare Servizi app

Nella pagina Servizi app selezionare il nome dell'app Web.On the App Services page, select the name of your web app.

Passaggio all'app di Azure nel portale

Verrà visualizzata la pagina di panoramica dell'app Web.You see your web app's Overview page. Qui è possibile eseguire attività di gestione di base come l'esplorazione, l'arresto, l'avvio, il riavvio e l'eliminazione.Here, you can do basic management like browse, stop, start, restart, and delete.

Servizio app nel portale di Azure

Il menu a sinistra fornisce varie pagine per la configurazione dell'app.The left menu provides different pages for configuring your app.

Pulire le risorseClean up resources

Nei passaggi precedenti sono state create risorse di Azure in un gruppo di risorse.In the preceding steps, you created Azure resources in a resource group. Se non si prevede di aver bisogno di queste risorse in futuro, è possibile eliminarle eliminando il gruppo di risorse.If you don't expect to need these resources in the future, you can delete them by deleting the resource group.

Nel menu del portale di Azure o nella pagina Home selezionare Gruppi di risorse e quindi nella pagina Gruppi di risorse selezionare myResourceGroup.From the Azure portal menu or Home page, select Resource groups, and on the Resource groups page, select myResourceGroup.

Nella pagina myResourceGroup assicurarsi che le risorse elencate siano quelle da eliminare.On the myResourceGroup page, make sure that the listed resources are the ones you want to delete.

Selezionare Elimina, digitare myResourceGroup nella casella di testo e quindi selezionare Elimina.Select Delete, type myResourceGroup in the text box, and then select Delete.

Passaggi successiviNext steps