Guida introduttiva: Distribuire un'app Web ASP.NET

Scegliere un ambiente di distribuzione

Visual Studio Visual Studio Code Interfaccia della riga di comando di Azure Azure PowerShell Azure portal Azure Developer CLI

Nota

A partire dal 1° giugno 2024, le app appena create servizio app possono generare un nome host predefinito univoco che usa la convenzione <app-name>-<random-hash>.<region>.azurewebsites.netdi denominazione . I nomi delle app esistenti rimangono invariati. Ad esempio:

myapp-ds27dh7271aah175.westus-01.azurewebsites.net

Per altre informazioni, vedere Nome host predefinito univoco per servizio app risorsa.

Questa guida introduttiva illustra come distribuire la prima app Web ASP.NET nel Servizio app di Azure. servizio app supporta diverse versioni delle app .NET. Offre un servizio di hosting Web a scalabilità elevata e auto-applicazione di patch. Le app Web ASP.NET sono multipiattaforma e possono essere ospitate in Linux o Windows. Al termine, si dispone di un gruppo di risorse di Azure che include un piano di hosting servizio app e un servizio app con un'applicazione Web distribuita.

In alternativa, è possibile distribuire un'app Web ASP.NET come parte di un contenitore Windows o Linux nel servizio app.

Suggerimento

Trovare i suggerimenti per GitHub Copilot nei passaggi di Visual Studio, Visual Studio Code e del portale di Azure.

Nota

La compilazione di app .NET 9 (STS) con Windows servizio app con MSBuild o SCM_DO_BUILD non è ancora supportata. Il supporto per questi scenari di compilazione è pianificato dopo la data di disponibilità generale iniziale e entro il 4 dicembre 2024. Le distribuzioni compilate all'esterno di servizio app tramite Visual Studio, Visual Studio Code, GitHub Actions e Azure DevOps sono completamente supportate.

Prerequisiti

.NET 8.0

• Un account Azure con una sottoscrizione attiva. Creare un account gratuitamente.
• Visual Studio 2022 con il carico di lavoro Sviluppo ASP.NET e Web.
• (Facoltativo) Per provare GitHub Copilot, un account GitHub Copilot. È disponibile una versione di valutazione gratuita di 30 giorni.

.NET Framework 4.8

• Un account Azure con una sottoscrizione attiva. Creare un account gratuitamente.
• Visual Studio 2022 con il carico di lavoro Sviluppo ASP.NET e Web. Verificare che sia selezionata la casella di controllo facoltativa .NET Framework project and item templates (Modelli di progetto e elemento di .NET Framework).
• (Facoltativo) Per provare GitHub Copilot, un account GitHub Copilot. È disponibile una versione di valutazione gratuita di 30 giorni.

Se Visual Studio 2022 è già stato installato:

1. Installare gli aggiornamenti più recenti in Visual Studio selezionando ?>Controlla aggiornamenti.
2. Aggiungere il carico di lavoro selezionando Strumenti>Ottieni strumenti e funzionalità.

• Un account Azure con una sottoscrizione attiva. Creare un account gratuitamente.
• Visual Studio Code.
• Estensione Strumenti di Azure.
• Versione più recente di .NET 8.0 SDK.
• (Facoltativo) Per provare GitHub Copilot, un account GitHub Copilot. È disponibile una versione di valutazione gratuita di 30 giorni.

• Un account Azure con una sottoscrizione attiva. Creare un account gratuitamente.
• Interfaccia della riga di comando di Azure.
• Versione più recente di .NET 8.0 SDK.
• (Facoltativo) Per provare GitHub Copilot, un account GitHub Copilot. È disponibile una versione di valutazione gratuita di 30 giorni.

• Un account Azure con una sottoscrizione attiva. Creare un account gratuitamente.
• Azure PowerShell.
• Versione più recente di .NET 8.0 SDK.

• Un account Azure con una sottoscrizione attiva. Creare un account gratuitamente.
• Un account GitHub Creare gratuitamente un account.

• Un account Azure con una sottoscrizione attiva. Creare un account gratuitamente.
• Interfaccia della riga di comando per sviluppatori di Azure.
• Versione più recente di .NET 8.0 SDK.

Creare un'app Web ASP.NET

Inizializzare il modello di app Web ASP.NET

.NET 8.0

1. Aprire Visual Studio e selezionare Crea un nuovo progetto.

2. In Crea un nuovo progetto individuare e selezionare ASP.NET Core Web App (Razor Pages) e quindi selezionare Avanti.

3. In Configura il nuovo progetto assegnare all'applicazione il nome MyFirstAzureWebApp e quindi selezionare Avanti.

   

4. Selezionare .NET 8.0 (LTS).

5. Verificare che Tipo di autenticazione sia impostato su Nessuno. Seleziona Crea.

   

6. Nel menu di Visual Studio selezionare Debug>Avvia senza eseguire debug per eseguire l'app Web in locale. Se viene visualizzato un messaggio che chiede di considerare attendibile un certificato autofirmato, selezionare Sì.

   

.NET Framework 4.8

1. Aprire Visual Studio e selezionare Crea un nuovo progetto.

2. In Crea un nuovo progetto individuare e selezionare ASP.NET'applicazione Web (.NET Framework) e quindi selezionare Avanti.

3. In Configura il nuovo progetto assegnare all'applicazione il nome MyFirstAzureWebApp e quindi selezionare Crea.

   

4. Selezionare il modello MVC .

5. Assicurarsi che l'opzione Autenticazione sia impostata su Nessuna autenticazione. Seleziona Crea.

   

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

   

Suggerimento

Se si ha un account GitHub Copilot, provare a ottenere le funzionalità di GitHub Copilot per Visual Studio.

1. Aprire una finestra del terminale nel computer in una directory di lavoro. Creare una nuova app Web .NET usando il comando dotnet new webapp e quindi modificare le directory nell'app appena creata.

   CLI .NET

   dotnet new webapp -n MyFirstAzureWebApp --framework net8.0
   cd MyFirstAzureWebApp
   

2. Dalla stessa sessione del terminale eseguire l'applicazione in locale usando il comando dotnet run .

   CLI .NET

   dotnet run --urls=https://localhost:5001/
   

3. Aprire un Web browser e passare all'app all'indirizzo https://localhost:5001.

   Nella pagina verrà visualizzato il modello di app Web ASP.NET Core 8.0.

   

In questo passaggio si crea una copia tramite fork di un progetto demo da distribuire.

1. Passare all'app di esempio .NET 8.0.
2. Selezionare il pulsante Fork in alto a destra nella pagina GitHub.
3. Selezionare Proprietario e lasciare il valore predefinito per Nome repository.
4. Selezionare Crea fork.

1. Passare all'app di esempio .NET Framework 4.8.
2. Selezionare il pulsante Fork in alto a destra nella pagina GitHub.
3. Selezionare Proprietario e lasciare il valore predefinito per Nome repository.
4. Selezionare Crea fork.

Questa guida introduttiva usa Azure Developer CLI (azd) per creare le risorse di Azure e distribuirvi il codice. Per altre informazioni, vedere Installare l'interfaccia della riga di comando per sviluppatori di Azure e compilare e distribuire applicazioni con l'interfaccia della riga di comando per sviluppatori di Azure.

Per ottenere e inizializzare il modello di app Web ASP.NET Core, seguire questa procedura:

1. Aprire una finestra del terminale nel computer in una directory di lavoro vuota. Esegui questo comando:

   Bash

   azd init --template https://github.com/Azure-Samples/quickstart-deploy-aspnet-core-app-service.git
   

   Quando viene richiesto un nome di ambiente, immettere dev.

2. Dalla stessa sessione del terminale eseguire l'applicazione in locale usando il comando dotnet run. Usare il parametro --project per specificare la directory src del modello azd, ovvero la posizione in cui risiede il codice dell'applicazione.

   Bash

   dotnet run --project src --urls=https://localhost:5001/
   

3. Aprire un Web browser e passare all'app all'indirizzo https://localhost:5001. Il modello di app Web core 8.0 di ASP.NET viene visualizzato nella pagina.

   

Pubblicare l'app Web

Seguire questa procedura per creare le risorse del servizio app e pubblicare il progetto:

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

2. In Pubblica selezionare Azure e quindi Avanti.

   

3. Scegliere la Destinazione specifica, Servizio app di Azure (Linux) o Servizio app di Azure (Windows). Selezionare Avanti.

   Importante

   Per ASP.NET Framework 4.8, usare Servizio app di Azure (Windows).

4. Le opzioni disponibili variano a seconda che sia già stato eseguito l'accesso ad Azure e che si abbia un account di Visual Studio collegato a un account di Azure. Selezionare Aggiungi un account o Accedi per accedere alla sottoscrizione di Azure. Se è già stato effettuato l'accesso, selezionare l'account da usare.

   

5. A destra di Istanze del servizio app selezionare +.

   

6. Per Sottoscrizione, accettare la sottoscrizione elencata o sceglierne una nuova nell'elenco a discesa.

7. Per Gruppo di risorse selezionare Nuovo. In Nome nuovo gruppo di risorse immettere myResourceGroup e scegliere OK.

8. Per Piano di hosting selezionare Nuovo.

9. Nella finestra di dialogo Piano di hosting: Crea nuovo immettere i valori specificati nella tabella seguente:

   Impostazione	Valore suggerito	Descrizione
   Piano di hosting	MyFirstAzureWebAppPlan	Nome del piano di servizio app.
   Location	Europa occidentale	Data center in cui è ospitata l'app Web.
   Dimensione	Scegliere il livello più basso.	Ipiani tariffari definiscono le funzionalità di hosting.

10. In Nome immettere un nome di app univoco. Includere solo i caratteri a-z, A-Z, 0-9e -. È possibile accettare il nome univoco generato automaticamente. L'URL dell'app Web è http://<app-name>.azurewebsites.net, dove <app-name> è il nome dell'app.

11. Selezionare Crea per creare le risorse di Azure.

    

    Al termine del processo, le risorse di Azure vengono create automaticamente. È possibile pubblicare il progetto ASP.NET Core.

12. Nella finestra di dialogo Pubblica verificare che la nuova app del servizio app sia selezionata, quindi selezionare Fine e poi Chiudi. Visual Studio crea automaticamente un profilo di pubblicazione per l'app del servizio app selezionata.

13. Nella pagina Pubblica selezionare Pubblica. Se viene visualizzato un messaggio di avviso, selezionare Continua.

    Visual Studio compila, crea il pacchetto e pubblica l'app in Azure, quindi la avvia nel browser predefinito.

    .NET 8.0

    Nella pagina viene visualizzata l'app Web ASP.NET Core 8.0.

    

    .NET Framework 4.8

    Nella pagina viene visualizzata l'app Web ASP.NET Framework 4.8.

    

---

1. Aprire Visual Studio Code dalla directory radice del progetto.

   terminal

   code .
   

2. Se richiesto, selezionare Sì, considerare attendibili gli autori.

   Suggerimento

   Se si ha un account GitHub Copilot, provare a ottenere le funzionalità di GitHub Copilot per Visual Studio Code.

3. In Visual Studio Code selezionare Visualizza>riquadro comandi per aprire il riquadro comandi.

4. Cercare e selezionare app Azure Servizio: Crea nuova app Web (avanzate).

5. Rispondere alle richieste come segue:

   1. Se richiesto, accedere all'account di Azure.
   2. Selezionare la propria sottoscrizione.
   3. Selezionare Crea una nuova app Web... Avanzate.
   4. Per Immettere un nome univoco globale per la nuova app Web, usare un nome univoco in tutto Azure. I caratteri validi sono a-z, 0-9 e -. Un criterio valido consiste nell'usare una combinazione del nome della società e di un identificatore dell'app.
   5. Selezionare Crea nuovo gruppo di risorse e specificare un nome, ad esempio myResourceGroup.
   6. Quando viene richiesto di Selezionare uno stack di runtime, selezionare .NET 8 (LTS).
   7. Selezionare un sistema operativo (Windows o Linux).
   8. Selezionare una località nelle vicinanze.
   9. Selezionare Crea nuovo piano servizio app, specificare un nome e selezionare il piano tariffario Gratuito (F1).
   10. Per la risorsa di Application Insights selezionare Ignora per il momento per la risorsa di Application Insights.
   11. Quando richiesto, selezionare Distribuisci.
   12. Selezionare MyFirstAzureWebApp come cartella per la distribuzione.
   13. Selezionare Aggiungi configurazione quando richiesto.

6. Nella finestra di dialogo Distribuire sempre l'area di lavoro "MyFirstAzureWebApp" in <app-name>", selezionare Sì in modo che Visual Studio Code venga distribuito nella stessa app servizio app ogni volta che ci si trova nell'area di lavoro.

7. Al termine della pubblicazione, selezionare Esplora sito Web nella notifica e selezionare Apri quando richiesto.

   Nella pagina viene visualizzata l'app Web ASP.NET Core 8.0.

   

1. Accedere all'account Azure usando il comando az login e seguendo il prompt:

   Interfaccia della riga di comando di Azure

   az login
   

   • Se il az comando non viene riconosciuto, assicurarsi di avere installato l'interfaccia della riga di comando di Azure come descritto in Prerequisiti.

2. Usare az webapp up per distribuire il codice nella directory MyFirstAzureWebApp locale:

   Interfaccia della riga di comando di Azure

   az webapp up --sku F1 --name <app-name> --os-type <os>
   

   • Sostituire <app-name> con un nome univoco in tutto Azure. I caratteri validi sono a-z, 0-9 e -. Un criterio valido consiste nell'usare una combinazione del nome della società e di un identificatore dell'app.
   • L'argomento --sku F1 crea l'app Web nel piano tariffario Gratuito. Omettere questo argomento per usare un livello Premium più rapido, che però comporta un costo orario.
   • Sostituire <os> con linux o windows.
   • Facoltativamente, è possibile includere l'argomento --location <location-name>, dove <location-name> è un'area di Azure disponibile. Per ottenere un elenco di aree consentite per l'account Azure, eseguire il comando az account list-locations .

   Il completamento del comando potrebbe richiedere alcuni minuti. Durante l'esecuzione, il comando fornisce messaggi sulla creazione del gruppo di risorse, il piano di servizio app e l'hosting dell'app, la configurazione della registrazione e l'esecuzione della distribuzione ZIP. Viene quindi visualizzato un messaggio con l'URL dell'app:

   Interfaccia della riga di comando di Azure

   You can launch the app at http://<app-name>.azurewebsites.net
   

3. Aprire un Web browser e passare all'URL. Nella pagina viene visualizzata l'app Web ASP.NET Core 8.0.

   

Nota

È consigliabile usare Azure PowerShell per la creazione di app nella piattaforma di hosting di Windows. Per creare app in Linux, usare uno strumento diverso, ad esempio l'interfaccia della riga di comando di Azure.

1. Accedere all'account Azure usando il comando Connect-AzAccount e seguendo il prompt:

   Azure PowerShell

   Connect-AzAccount
   

2. Creare una nuova app usando il comando New-AzWebApp:

   Azure PowerShell

   New-AzWebApp -ResourceGroupName myResourceGroup -Name <app-name> -Location westeurope
   

   • Sostituire <app-name> con un nome univoco in tutto Azure. I caratteri validi sono a-z, 0-9e - Una combinazione del nome della società e di un identificatore dell'app è un modello valido.
   • Facoltativamente, è possibile includere il parametro -Location <location-name>, dove <location-name> è un'area di Azure disponibile. Per ottenere un elenco di aree consentite per l'account Azure, eseguire il comando Get-AzLocation .

   Il completamento del comando potrebbe richiedere alcuni minuti. Il comando crea un gruppo di risorse, un piano servizio app e la risorsa servizio app.

3. Dalla cartella radice dell'applicazione eseguire il comando dotnet publish per preparare l'applicazione MyFirstAzureWebApp locale per la distribuzione:

   CLI .NET

   dotnet publish --configuration Release
   

4. Passare alla directory di versione e creare un file ZIP dal contenuto:

   PowerShell

   cd bin\Release\net8.0\publish
   Compress-Archive -Path * -DestinationPath deploy.zip
   

5. Pubblicare il file ZIP nell'app Azure usando il comando Publish-AzWebApp:

   Azure PowerShell

   Publish-AzWebApp -ResourceGroupName myResourceGroup -Name <app-name> -ArchivePath (Get-Item .\deploy.zip).FullName -Force
   

   Nota

   -ArchivePath richiede il percorso completo del file ZIP.

6. Aprire un Web browser e passare all'URL. Nella pagina viene visualizzata l'app Web ASP.NET Core 8.0.

   

1. Digitare Servizi app nella casella dii ricerca. In Servizi, selezionare Servizi app.

   

2. Nella pagina Servizi app selezionare Crea>App Web.

3. Nella scheda Informazioni di base:

   • In Gruppo di risorse selezionare Crea nuovo. Immettere myResourceGroup come nome.
   • In Nome immettere un nome univoco globale per l'app Web.
   • In Pubblica, selezionare Codice.
   • In Stack di runtime selezionare .NET 8 (LTS).
   • Per Sistema operativo selezionare Windows. Se si seleziona Linux, non è possibile configurare la distribuzione di GitHub nel passaggio successivo, ma è comunque possibile farlo dopo aver creato l'app nella pagina Centro distribuzione.
   • Selezionare un'Area da cui si vuole gestire l'app.
   • In Piano di servizio app selezionare Crea nuovo e digitare myAppServicePlan per il nome.
   • In Piano tariffario selezionare F1 gratuito.

   

   • In Gruppo di risorse selezionare Crea nuovo. Immettere myResourceGroup come nome.
   • In Nome immettere un nome univoco globale per l'app Web.
   • In Pubblica, selezionare Codice.
   • In Stack di runtime selezionare ASP.NET V4.8.
   • Selezionare un Sistema operativo e un'Area da cui si vuole gestire l'app.
   • In Piano di servizio app selezionare Crea nuovo e digitare myAppServicePlan per il nome.
   • In Piano tariffario selezionare F1 gratuito.

   

4. Selezionare la scheda Distribuzione nella parte superiore della pagina

5. In impostazioni di GitHub Actions impostare distribuzione continua su Abilita.

6. In Dettagli di GitHub Actions eseguire l'autenticazione con l'account GitHub e selezionare le opzioni seguenti:

   • In Organizzazione selezionare l'organizzazione in cui è stato creato il fork del progetto demo.
   • Per Repository selezionare il progetto dotnetcore-docs-hello-world .
   • Per Ramo selezionare main.

   

   • In Organizzazione selezionare l'organizzazione in cui è stato creato il fork del progetto demo.
   • Per Repository selezionare il progetto app-service-web-dotnet-get-started .
   • Per Ramo selezionare main.

   

   Nota

   Per impostazione predefinita, la creazione della risorsa disabilita l'autenticazione di base. Crea la distribuzione di GitHub Actions usando un'identità assegnata dall'utente. Se durante la creazione della risorsa si riceve un errore di autorizzazione, l'account Azure potrebbe non disporre di autorizzazioni sufficienti. È possibile configurare la distribuzione di GitHub Actions in un secondo momento con un'identità generata automaticamente da un amministratore di Azure oppure si abilita l'autenticazione di base.

7. Selezionare Rivedi e crea nella parte inferiore della pagina.

8. Dopo l'esecuzione della convalida, selezionare Crea nella parte inferiore della pagina.

9. Al termine della distribuzione, selezionare Vai alla risorsa.

   

10. Passare all'applicazione distribuita nel Web browser all'URL http://<app-name>.azurewebsites.net. Se viene visualizzato il messaggio L'app Web è in esecuzione e in attesa del contenuto, la distribuzione di GitHub è ancora in esecuzione. Attendere un paio di minuti e aggiornare la pagina.

    

    

Il modello AZD contiene file che generano le risorse necessarie seguenti per l'esecuzione dell'applicazione nel servizio app:

• Un nuovo gruppo di risorse che conterrà tutte le risorse di Azure per il servizio.
• Un nuovo Piano di servizio app che specifica la località, le dimensioni e le funzionalità della server farm Web che ospita l'app.
• Nuova istanza di App del servizio app per eseguire l'applicazione distribuita.

1. Accedere all'account Azure usando il comando azd auth login e seguendo il prompt:

   Bash

   azd auth login
   

2. Creare le risorse di Azure e distribuire l'app usando il comando azd up:

   Bash

   azd up
   

   Il completamento del comando azd up potrebbe richiedere alcuni minuti. azd up usa i file Bicep nei progetti per creare il gruppo di risorse, il piano di servizio app e l'app di hosting. Esegue anche determinate configurazioni, ad esempio l'abilitazione della registrazione e la distribuzione del codice dell'app compilato. Durante l'esecuzione, il comando fornisce messaggi sul processo di provisioning e distribuzione, incluso un collegamento alla distribuzione in Azure. Al termine, il comando visualizza anche un collegamento all'applicazione di distribuzione.

3. Aprire un Web browser e passare all'URL. Nella pagina viene visualizzata l'app Web ASP.NET Core 8.0.

   

Aggiornare e ridistribuire l'app

Apportare una modifica a Index.cshtml e ridistribuire per visualizzare le modifiche. Nel modello .NET 8.0 si trova nella cartella Pages. Nel modello .NET Framework 4.8 si trova nella cartella Views/Home. Seguire questa procedura per aggiornare e ridistribuire l'app Web:

1. In Esplora soluzioni, nel progetto fare doppio clic su Pages>Index.cshtml per aprire.

2. Sostituire il primo elemento <div> con il codice seguente:

   HTML

   <div class="jumbotron">
       <h1>.NET 💜 Azure</h1>
       <p class="lead">Example .NET app to Azure App Service.</p>
   </div>
   

   Suggerimento

   Con GitHub Copilot abilitato in Visual Studio, seguire questa procedura:

   1. Selezionare l'elemento <div> e digitare Alt+/.
   2. Chiedere a Copilot: "Passa a una scheda Bootstrap che indica .NET 💜 Azure".

   Salva le modifiche.

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

4. Nella pagina di riepilogo Pubblica selezionare Pubblica.

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

   .NET 8.0

   Nella pagina viene visualizzata l'app Web ASP.NET Core 8.0 aggiornata.

   

   .NET Framework 4.8

   Nella pagina viene visualizzata l'app Web ASP.NET Framework 4.8 aggiornata.

   

1. Aprire Pages/Index.cshtml.

2. Sostituire il primo elemento <div> con il codice seguente:

   HTML

   <div class="jumbotron">
       <h1>.NET 💜 Azure</h1>
       <p class="lead">Example .NET app to Azure App Service.</p>
   </div>
   

   Suggerimento

   Provare questo approccio con GitHub Copilot:

   1. Selezionare l'intero <div> elemento e selezionare .
   2. Chiedere a Copilot: "Passa a una scheda Bootstrap che indica .NET 💜 Azure".

   Salva le modifiche.

3. In Visual Studio Code aprire il riquadro comandi: CTRL+MAIUSC+P.

4. Cercare e selezionare app Azure Servizio: Distribuisci nell'app Web.

5. Selezionare la sottoscrizione e l'app Web usata in precedenza.

6. Quando richiesto, selezionare Distribuisci.

7. Al termine della pubblicazione, selezionare Esplora sito Web nella notifica.

   Nella pagina viene visualizzata l'app Web ASP.NET Core 8.0 aggiornata.

   

Suggerimento

Per informazioni su come Visual Studio Code con GitHub Copilot consente di migliorare l'esperienza di sviluppo Web, vedere la procedura di Visual Studio Code.

Nella directory locale aprire il file Pages/Index.cshtml. Sostituire il primo elemento <div>:

HTML

<div class="jumbotron">
    <h1>.NET 💜 Azure</h1>
    <p class="lead">Example .NET app to Azure App Service.</p>
</div>

Salvare le modifiche, quindi ridistribuire l'app usando di nuovo il comando az webapp up e sostituire <os> con linux o windows.

Interfaccia della riga di comando di Azure

az webapp up --os-type <os>

Questo comando usa i valori memorizzati nella cache in locale nel file .azure/config, inclusi il nome dell'app, il gruppo di risorse e il piano di servizio app.

Al termine della distribuzione, tornare alla finestra del browser aperta nel passaggio Sfoglia all'app e aggiornare.

Nella pagina viene visualizzata l'app Web ASP.NET Core 8.0 aggiornata.

1. Nella directory locale aprire il file Pages/Index.cshtml. Sostituire il primo elemento <div>:

   HTML

   <div class="jumbotron">
       <h1>.NET 💜 Azure</h1>
       <p class="lead">Example .NET app to Azure App Service.</p>
   </div>
   

2. Dalla cartella radice dell'applicazione preparare l'applicazione MyFirstAzureWebApp locale per la distribuzione usando il comando dotnet publish:

   CLI .NET

   dotnet publish --configuration Release
   

3. Passare alla directory di versione e creare un file ZIP dal contenuto:

   PowerShell

   cd bin\Release\net8.0\publish
   Compress-Archive -Path * -DestinationPath deploy.zip -Force
   

4. Pubblicare il file ZIP nell'app Azure usando il comando Publish-AzWebApp:

   Azure PowerShell

   Publish-AzWebApp -ResourceGroupName myResourceGroup -Name <app-name> -ArchivePath (Get-Item .\deploy.zip).FullName -Force
   

   Nota

   -ArchivePath richiede il percorso completo del file ZIP.

5. Al termine della distribuzione, tornare alla finestra del browser aperta nel passaggio Sfoglia all'app e aggiornare.

   Nella pagina viene visualizzata l'app Web ASP.NET Core 8.0 aggiornata.

   

1. Passare alla copia tramite fork GitHub del codice di esempio.

2. Nella pagina del repository creare un codespace selezionando Code>Create codespace on main.

   

   

   Suggerimento

   Se si ha un account GitHub Copilot, provare a ottenere le funzionalità di GitHub Copilot nel codespace.

3. Aprire Index.cshtml.

   Index.cshtml si trova nella cartella Pages .

   

   Index.cshtml si trova nella cartella aspnet-get-started/Views/Home

   

4. Sostituire il primo elemento <div> con il codice seguente:

   HTML

   <div class="jumbotron">
       <h1>.NET 💜 Azure</h1>
       <p class="lead">Example .NET app to Azure App Service.</p>
   </div>
   

   Le modifiche vengono salvate automaticamente.

   Suggerimento

   Provare questo approccio con GitHub Copilot:

   1. Selezionare l'intero <div> elemento e selezionare .
   2. Chiedere a Copilot: "Passa a una scheda Bootstrap che indica .NET 💜 Azure".

5. Dal menu Controllo del codice sorgente immettere un messaggio di commit, ad esempio Modify homepage. Selezionare quindi Commit e confermare la gestione temporanea delle modifiche selezionando Sì.

   

   

   Suggerimento

   Consentire a GitHub Copilot di creare automaticamente un messaggio di commit selezionando nella finestra di messaggio.

6. Selezionare Sincronizza modifiche 1, quindi confermare selezionando OK.

7. L'esecuzione della distribuzione richiede alcuni minuti. Per visualizzare lo stato di avanzamento, passare a https://github.com/<your-github-alias>/dotnetcore-docs-hello-world/actions.

8. Tornare alla finestra del browser aperta durante il passaggio Passare all'app e aggiornare la pagina.

   Nella pagina viene visualizzata l'app Web ASP.NET Core 8.0 aggiornata.

   

   Nella pagina viene visualizzata l'app Web ASP.NET Framework 4.8 aggiornata.

   

Nella directory locale aprire il file src/Pages/Index.cshtml. Sostituire il primo elemento <div>:

HTML

<div class="jumbotron">
    <h1>.NET 💜 Azure</h1>
    <p class="lead">Example .NET app to Azure App Service.</p>
</div>

Salvare le modifiche, quindi ridistribuire l'app usando di nuovo il comando azd up:

Interfaccia della riga di comando di Azure

azd up

azd up ignora il passaggio di provisioning delle risorse questa volta e ridistribuisce solo il codice, poiché non sono state apportate modifiche ai file Bicep.

Al termine della distribuzione, il browser si apre all'app Web aggiornata ASP.NET Core 8.0.

Gestire l'app Azure

Per gestire l'app Web, passare al portale di Azure, quindi cercare e selezionare Servizi app.

Nella pagina Servizi app selezionare il nome dell'app Web.

La pagina Panoramica per l'app Web contiene le opzioni per la gestione di base, ad esempio Sfoglia, Arresta, Avvia, Riavvia ed Elimina. Il menu a sinistra include ulteriori 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.

1. Dalla pagina Panoramica dell'app Web nel portale di Azure selezionare il collegamento myResourceGroup in Gruppo di risorse.
2. Nella pagina del gruppo di risorse assicurarsi che le risorse elencate siano quelle da eliminare.
3. Selezionare Elimina gruppo di risorse, digitare myResourceGroup nella casella di testo e quindi selezionare Elimina.
4. Confermare di nuovo selezionando Elimina.

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.

1. Dalla pagina Panoramica dell'app Web nel portale di Azure selezionare il collegamento myResourceGroup in Gruppo di risorse.
2. Nella pagina del gruppo di risorse assicurarsi che le risorse elencate siano quelle da eliminare.
3. Selezionare Elimina gruppo di risorse, digitare myResourceGroup nella casella di testo e quindi selezionare Elimina.
4. Confermare di nuovo selezionando Elimina.

Nei passaggi precedenti sono state create risorse di Azure in un gruppo di risorse. Se si ritiene che queste risorse non saranno necessarie in futuro, eliminare il gruppo di risorse eseguendo questo comando in Cloud Shell:

Interfaccia della riga di comando di Azure

az group delete

Per praticità, il comando az webapp up eseguito in precedenza in questo progetto salva il nome del gruppo di risorse come valore predefinito ogni volta che si eseguono az comandi da questo progetto.

Pulire le risorse

Nei passaggi precedenti sono state create risorse di Azure in un gruppo di risorse. Se non si prevede di usare queste risorse in futuro, eliminare i gruppi di risorse eseguendo questo comando PowerShell:

Azure PowerShell

Remove-AzResourceGroup -Name myResourceGroup

L'esecuzione del comando può richiedere un minuto.

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.

1. Dalla pagina Panoramica dell'app Web nel portale di Azure selezionare il collegamento myResourceGroup in Gruppo di risorse.
2. Nella pagina del gruppo di risorse assicurarsi che le risorse elencate siano quelle da eliminare.
3. Selezionare Elimina gruppo di risorse, digitare myResourceGroup nella casella di testo e quindi selezionare Elimina.
4. Confermare di nuovo selezionando Elimina.

Pulire le risorse

Usare il comando azd down per rimuovere il gruppo di risorse e tutte le risorse correlate:

Bash

azd down

Per i passaggi successivi sull'uso di azd modelli e altre funzionalità, vedere la documentazione dell'interfaccia della riga di comando per sviluppatori di Azure.

Passaggi successivi

.NET 8.0

Procedere con l'articolo successivo per informazioni su come creare un'app .NET Core e connetterla a un database SQL:

Esercitazione: app ASP.NET Core con database SQL

Modello di app: app ASP.NET Core con il database SQL e Application Insights distribuiti tramite CI/CD GitHub Actions

Configurare l'app ASP.NET Core

Altre informazioni su Azure Developer CLI

.NET Framework 4.8

Procedere con l'articolo successivo per informazioni su come creare un'app .NET Framework e connetterla a un database SQL:

Esercitazione: app ASP.NET con database SQL

Configurare un'app ASP.NET Framework

  Proteggere con dominio personalizzato e certificato di protezione