Pubblicare un'app ASP.NET Core in Azure con Visual Studio

Importante

versioni di anteprima di ASP.NET Core con servizio app di Azure

Le versioni di anteprima di ASP.NET Core non vengono distribuite su App Service di Azure per impostazione predefinita. Per ospitare un'app che usa una versione di anteprima di ASP.NET Core, vedere Distribuire ASP.NET versione di anteprima core nel servizio app di Azure.

Per risolvere un problema di distribuzione del servizio app, vedere Risolvere i problemi di ASP.NET Core nel servizio app di Azure e IIS.

Configurazione

Se non è disponibile, aprire un account Azure gratuito .

Creare un'app Web

Avviare Visual Studio 2022 e selezionare Crea un nuovo progetto.

Nella finestra di dialogo Crea un nuovo progetto selezionare ASP.NET Core Web App e quindi selezionare Avanti.

Nella finestra di dialogo Configura il nuovo progetto assegnare un nome al progetto e quindi selezionare Avanti.

Nella finestra di dialogo Informazioni aggiuntive:

• Nell'input framework selezionare .NET 7.0 (supporto per termini standard) .
• Nell'input Tipo di autenticazione selezionare Account singoli e quindi selezionare Crea.

Visual Studio crea la soluzione.

Eseguire l'app

• Premere F5 per eseguire il progetto.

Registrare un utente

• Selezionare Registra e registrare un nuovo utente. È possibile usare un indirizzo di posta elettronica fittizio. Quando si invia, nella pagina viene visualizzato l'errore seguente:

  "Un'operazione di database non è riuscita durante l'elaborazione della richiesta. L'applicazione di migrazioni esistenti potrebbe risolvere questo problema"

• Selezionare Applica migrazioni e, una volta completato l'aggiornamento, ricaricare la pagina.

• Viene visualizzata una pagina di conferma del registro . Selezionare Fare clic qui per confermare l'account.
• Viene visualizzata una pagina Conferma messaggio di posta elettronica .
• Accedere come nuovo utente.

L'app visualizza il messaggio di posta elettronica usato per registrare il nuovo utente e un collegamento disconnessione .

• Arrestare l'applicazione chiudendo il browser o in Visual Studio selezionare Debug>Arresta debug.
• In Visual Studio selezionare Compila>soluzione pulita per pulire gli elementi del progetto ed evitare conflitti di file.

Distribuire l'app in Azure

Fare clic con il pulsante destro del mouse sul progetto in Esplora soluzioni e scegliere Pubblica.

Nella finestra di dialogo Pubblica :

• Selezionare Azure.
• Seleziona Avanti.

Nella finestra di dialogo Pubblica :

• Selezionare Servizio app di Azure (Windows) .
• Seleziona Avanti.

Nella scheda Servizio app della finestra di dialogo Pubblica selezionare Crea nuovo.

Viene visualizzata la finestra di dialogo Crea servizio app :

• I campi Di immissione Nome, Gruppo di risorse e Piano di hosting vengono popolati. È possibile mantenere questi nomi o modificarli.
• Fare clic su Crea.

Al termine della creazione, la finestra di dialogo viene chiusa automaticamente e la finestra di dialogo Pubblica viene nuovamente attiva:

• La nuova istanza appena creata viene selezionata automaticamente.
• Selezionare Fine.

La finestra di dialogo Progresso creazione del profilo di pubblicazione conferma che il profilo di pubblicazione è stato creato. Seleziona Chiudi.

Verrà quindi visualizzata la pagina di riepilogo Del profilo di pubblicazione . Visual Studio ha rilevato che questa applicazione richiede un database di SQL Server elencato nel riquadro Dipendenze del servizio. Selezionare i puntini di sospensione (...) e quindi Connetti.

Viene visualizzata la finestra di dialogo Connessione a una dipendenza:

• Selezionare il database SQL di Azure.
• Seleziona Avanti.

Nella finestra di dialogo Connetti al database SQL di Azure selezionare Crea nuovo.

Viene visualizzato Il comando Create Azure SQL Database (Crea database SQL di Azure ):

• I campi nome database, gruppo di risorse, server di database e piano di servizio app vengono popolati. È possibile mantenere questi valori o modificarli.
• Immettere il nome utente dell'amministratore del database e la password amministratore del database per il server di database selezionato. Si noti che l'account usato deve avere le autorizzazioni necessarie per creare il nuovo database SQL di Azure.
• Fare clic su Crea.

Al termine della creazione, la finestra di dialogo viene chiusa automaticamente e la finestra di dialogo Connetti al database SQL di Azure diventa nuovamente attiva:

• La nuova istanza appena creata viene selezionata automaticamente.
• Seleziona Avanti.

Nel passaggio successivo della finestra di dialogo Connetti al database SQL di Azure :

• Immettere i campi Nome utente connessione database e Password di connessione database . Questi sono i dettagli che l'applicazione userà per connettersi al database in fase di esecuzione. È consigliabile evitare di usare gli stessi dettagli del nome utente e della password dell'amministratore usati nel passaggio precedente.
• Selezionare Fine.

La finestra di dialogo Stato della configurazione delle dipendenze conferma che il database SQL di Azure è configurato. Seleziona Chiudi.

Nella pagina Riepilogo profilo di pubblicazione, seleziona Altre azioni> eModifica:

Nella scheda Impostazioni della finestra di dialogo Pubblica :

• Espandere Database e selezionare Usa questa stringa di connessione in fase di esecuzione.

• Espandere Migrazioni di Entity Framework e selezionare Applica questa migrazione alla pubblicazione.

• Seleziona Salva. Visual Studio torna alla finestra di dialogo Pubblica .

Fare clic su Pubblica. Visual Studio pubblica l'app in Azure. Al termine della distribuzione.

L'app viene aperta in un browser. Registrare un nuovo utente e accedere come nuovo utente per convalidare la distribuzione del database e la connessione in fase di esecuzione.

Aggiornare l'app

• Modificare la pagina e modificarne il Pages/Index.cshtmlRazor contenuto, quindi salvare le modifiche. Ad esempio, è possibile modificare il paragrafo in modo da indicare "Hello ASP.NET Core!":

  @page
  @model IndexModel
  @{
      ViewData["Title"] = "Home page";
  }
  
  <div class="text-center">
      <h1 class="display-4">Welcome</h1>
      <p>Learn about <a href="https://docs.microsoft.com/aspnet/core">building Web apps with ASP.NET Core</a>.</p>
      <p>Hello ASP.NET Core!</p>
  </div>
  

• Selezionare nuovamente Pubblica nella pagina riepilogo del profilo di pubblicazione.

• Dopo la pubblicazione dell'app, aggiornare la pagina e verificare che le modifiche apportate siano disponibili in Azure.

Pulizia

Al termine del test dell'app, passare al portale di Azure ed eliminare l'app.

• Selezionare Gruppi di risorse e quindi selezionare il gruppo di risorse creato.

• Nella pagina Gruppo di risorse selezionare Elimina gruppo di risorse.

• Immettere il nome del gruppo di risorse e selezionare Elimina. L'app e tutte le altre risorse create in questa esercitazione vengono ora eliminate da Azure.

Risorse aggiuntive

• Servizio app di Azure
• Gruppi di risorse di Azure
• Database SQL di Azure
• Profili di pubblicazione di Visual Studio (.pubxml) per la distribuzione di app ASP.NET Core
• Risolvere i problemi di ASP.NET Core in Servizio app di Azure e IIS