Condividi tramite

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

  • Articolo

Importante

Versioni di anteprima di ASP.NET Core con il Servizio app di Azure

Le versioni di anteprima di ASP.NET Core non sono distribuite al Servizio app di Azure per impostazione predefinita. Per ospitare un'applicazione che usa una versione di anteprima di ASP.NET Core, vedere Distribuire la versione di anteprima di ASP.NET Core in Servizio app di Azure.

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

Impostazione

Aprire un account Azure gratuito se non è già disponibile un account.

Creare un'app Web

Avviare Visual Studio 2022 e selezionare Crea un nuovo progetto.

Create a new project from the start window

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

Create an ASP.NET Core Web App

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.

Additional information

Visual Studio crea la soluzione.

Eseguire l'app

  • Premere F5 per eseguire il progetto.

Web application open in Microsoft Edge on localhost

Registrare un utente

  • Selezionare Registra e registrare un nuovo utente. È possibile usare un indirizzo di posta elettronica fittizio. Quando si esegue l'invio, 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 Apply Migrations (Applica migrazioni) e, quando la pagina è stata caricata, eseguire l'aggiornamento.

A database operation failed while processing the request

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

Web application open in Microsoft Edge. The Register link is replaced by the text Hello user@example.com!

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

Contextual menu open with Publish link highlighted

Nella finestra di dialogo Pubblica:

  • Selezionare Azure.
  • Selezionare Avanti.

Publish dialog

Nella finestra di dialogo Pubblica:

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

Publish Dialog: select Azure Service

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

Publish dialog: select Azure Service instance

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.
  • Seleziona Crea.

Create App Service dialog

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.

Publish dialog: select App Service instance

La finestra di dialogo Stato di creazione del profilo di pubblicazione conferma che il profilo di pubblicazione è stato creato. Selezionare 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 Connessione.

Publish Profile summary page: configure SQL Server dependency

Viene visualizzata la finestra di dialogo Connessione alle dipendenze:

  • Selezionare database SQL di Azure.
  • Selezionare Avanti.

Configure SQL Server Dependency dialog

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

Select Create a SQL DB

Viene visualizzato il database SQL di Azure Crea:

  • Vengono popolati i campi Nome database, Gruppo di risorse, Server di database e Servizio app Voce piano. È 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.
  • Seleziona Crea.

New Azure SQL Database dialog

Al termine della creazione, la finestra di dialogo viene chiusa automaticamente e il Connessione per database SQL di Azure finestra di dialogo viene nuovamente messa a fuoco:

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

Select Next

Nel passaggio successivo della finestra di dialogo Connessione da 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.

Configure Azure SQL Database dialog, connection string details

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

Nella pagina Riepilogo profilo di pubblicazione selezionare Altre azioni>Modifica:

Publish profile summary page: edit settings

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.

Publish dialog: Settings panel:Save

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

Last step

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 specificando "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 di nuovo Pubblica nella pagina di riepilogo del profilo di pubblicazione.

Publish profile summary page

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

Verify task is complete

Eseguire la pulizia

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

  • Selezionare Gruppi di risorse e in seguito il gruppo di risorse che è stato creato.

Azure Portal: Resource Groups in sidebar menu

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

Azure Portal: Resource Groups page

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

Risorse aggiuntive