Creare un'app Web ASP.NET in Azure

Le app Web di Azure forniscono un servizio di hosting Web ad alta scalabilità e con funzioni di auto-correzione. Questa guida introduttiva illustra come distribuire la prima app Web ASP.NET in un'app Web di Azure. Al termine della procedura si avrà un gruppo di risorse costituito da un piano di servizio App e da un'app Web di Azure con un'applicazione Web distribuita.

Guardare il video per osservare il funzionamento di questa guida introduttiva e quindi seguire personalmente la procedura per pubblicare la prima app .NET in Azure.

Prerequisiti

Per completare questa esercitazione:

  • Installare Visual Studio 2017 con i carichi di lavoro seguenti:

    • Sviluppo Web e ASP.NET
    • Sviluppo di Azure

      Sviluppo Web e ASP.NET e sviluppo di Azure (in Web e Cloud)

Se non si ha una sottoscrizione di Azure, creare un account gratuito prima di iniziare.

Creare un'app Web ASP.NET

In Visual Studio creare un progetto selezionando File > Nuovo > Progetto.

Nella finestra di dialogo Nuovo progetto selezionare Visual C# > Web > Applicazione Web ASP.NET (.NET Framework).

Assegnare all'applicazione il nome myFirstAzureWebApp e fare clic su OK.

Finestra di dialogo Nuovo progetto

È possibile distribuire qualsiasi tipo di app Web ASP.NET in Azure. Per questa guida introduttiva, selezionare il modello MVC e verificare che l'autenticazione sia impostata su Nessuna autenticazione.

Selezionare OK.

Finestra di dialogo Nuovo progetto ASP.NET

Nel menu selezionare Debug > Avvia senza eseguire debug per eseguire l'app Web in locale.

Eseguire l'app in locale

Pubblicazione in Azure

In Esplora soluzioni fare clic con il pulsante destro del mouse sul progetto myFirstAzureWebApp e scegliere Pubblica.

Pubblicare da Esplora soluzioni

Verificare che Servizio app di Microsoft Azure sia selezionato e scegliere Pubblica.

Pubblicare dalla pagina di panoramica progetto

Viene visualizzata la finestra di dialogo Crea servizio app, che consente di creare tutte le risorse di Azure necessarie per eseguire l'app Web ASP.NET in Azure.

Accedere ad Azure

Nella finestra di dialogo Crea servizio app fare clic su Aggiungi un account e accedere alla sottoscrizione di Azure. Se è già stato eseguito l'accesso, selezionare l'account contenente la sottoscrizione desiderata dall'elenco a discesa.

Nota

Se si è già connessi, non selezionare ancora l'opzione Crea.

Accedere ad Azure

Creare un gruppo di risorse

Un gruppo di risorse è un contenitore logico in cui vengono distribuite e gestite risorse di Azure come app Web, database e account di archiviazione.

Accanto a Gruppo di risorse selezionare Nuovo.

Assegnare al gruppo di risorse il nome myResourceGroup e selezionare OK.

Creare un piano di servizio app

Un piano di servizio app specifica la località, le dimensioni e le funzionalità della server farm Web che ospita l'app. Quando si ospitano più app, è possibile limitare i costi configurando le app Web in modo che condividano un singolo piano di servizio app.

I piani di servizio app definiscono:

  • Area (ad esempio Europa settentrionale, Stati Uniti orientali o Asia sud-orientale)
  • Dimensione dell'istanza (Small, Medium o Large)
  • Numero di scala (da 1 a 20 istanze)
  • SKU (Gratuito, Condiviso, Basic, Standard o Premium)

Accanto a Piano di servizio app selezionare Nuovo.

Nella finestra di dialogo Configura piano di servizio app usare le impostazioni della tabella riportata sotto l'immagine.

Creare un piano di servizio app

Impostazione Valore consigliato Descrizione
Piano di servizio app myAppServicePlan Nome del piano di servizio app.
Località Europa occidentale Data center in cui è ospitata l'app Web.
Dimensione Gratuito Piano tariffario che determina le funzionalità di hosting.

Selezionare OK.

Creare e pubblicare l'app Web

In Nome app Web immettere un nome univoco dell'app, usando i caratteri validi a-z, 0-9 e -, o accettare il nome univoco generato automaticamente. L'URL dell'app Web è http://<app_name>.azurewebsites.net, dove <app_name> è il nome dell'app Web.

Selezionare Crea per avviare la creazione delle risorse di Azure.

Configurare il nome dell'app Web

Al termine della procedura guidata, l'app Web ASP.NET viene pubblicata in Azure e avviata nel browser predefinito.

App Web ASP.NET pubblicata in Azure

Il nome dell'app Web specificato nel passaggio relativo alla creazione e pubblicazione viene usato come prefisso dell'URL nel formato http://<app_name>.azurewebsites.net.

L'app Web ASP.NET è ora in esecuzione nel servizio app di Azure.

Aggiornare e ridistribuire l'app

Da Esplora soluzioni aprire Views\Home\Index.cshtml.

Trovare il tag HTML <div class="jumbotron"> in alto e sostituire l'intero elemento con il codice seguente:

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

Per la ridistribuzione in Azure, fare clic con il pulsante destro del mouse sul progetto myFirstAzureWebApp in Esplora soluzioni e selezionare Pubblica.

Nella pagina di pubblicazione selezionare Pubblica.

Al termine del processo di pubblicazione, Visual Studio avvia un browser sull'URL dell'app Web.

App Web ASP.NET aggiornata in Azure

Gestire l'app Web di Azure

Accedere al portale di Azure per visualizzare l'app Web.

Scegliere Servizi app dal menu a sinistra e quindi selezionare il nome dell'app Web di Azure.

Passare all'app Web di Azure nel portale

Verrà visualizzata la pagina di panoramica dell'app Web. Qui è possibile eseguire attività di gestione di base come l'esplorazione, l'arresto, l'avvio, il riavvio e l'eliminazione dell'app.

Pannello del servizio app nel portale di Azure

Il menu a sinistra fornisce varie pagine per la configurazione dell'app.

Pulire le risorse

Nei passaggi precedenti sono state create risorse di Azure in un gruppo di risorse. Se non si prevede di aver bisogno di queste risorse in futuro, è possibile eliminarle eliminando il gruppo di risorse.

Dal menu a sinistra nel portale di Azure scegliere Gruppi di risorse e quindi selezionare myResourceGroup.

Nella pagina del gruppo di risorse assicurarsi che le risorse elencate siano quelle da eliminare.

Selezionare Elimina, digitare myResourceGroup nella casella di testo e quindi selezionare Elimina.

Passaggi successivi