Pubblicare un'app ASP.NET Core in Azure con Visual StudioPublish an ASP.NET Core app to Azure with Visual Studio

Di Rick AndersonBy Rick Anderson

Importante

Versioni di anteprima di ASP.NET Core con il Servizio app di AzureASP.NET Core preview releases with Azure App Service

Le versioni di anteprima di ASP.NET Core non sono distribuite al Servizio app di Azure per impostazione predefinita.ASP.NET Core preview releases aren't deployed to Azure App Service by default. 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.To host an app that uses an ASP.NET Core preview release, see Deploy ASP.NET Core preview release to Azure App Service.

Se si lavora in macOS, vedere Publish to Azure from Visual Studio for Mac (Pubblicare in Azure da Visual Studio per Mac).See Publish to Azure from Visual Studio for Mac if you are working on macOS.

Per risolvere un problema di distribuzione del Servizio app di Azure, vedere Risolvere i problemi relativi a ASP.NET Core in app Azure servizio e IIS.To troubleshoot an App Service deployment issue, see Risolvere i problemi relativi a ASP.NET Core in app Azure servizio e IIS.

ImpostareSet up

Creare un'app WebCreate a web app

Nella Pagina iniziale di Visual Studio selezionare File > Nuovo > ProgettoIn the Visual Studio Start Page, select File > New > Project...

File (menu)

Completare la finestra di dialogo Nuovo progetto:Complete the New Project dialog:

  • Nel riquadro a sinistra selezionare .NET Core.In the left pane, select .NET Core.
  • Nel riquadro al centro selezionare Applicazione Web ASP.NET Core.In the center pane, select ASP.NET Core Web Application.
  • Selezionare OK.Select OK.

Finestra di dialogo Nuovo progetto

Nella finestra di dialogo Nuova applicazione Web ASP.NET Core:In the New ASP.NET Core Web Application dialog:

  • Selezionare Applicazione Web.Select Web Application.
  • Selezionare Modifica autenticazione.Select Change Authentication.

Finestra di dialogo Nuovo progetto

Viene visualizzata la finestra di dialogo Modifica autenticazione.The Change Authentication dialog appears.

  • Selezionare Account utente individuali.Select Individual User Accounts.
  • Selezionare OK per tornare a Nuova applicazione Web ASP.NET Core e selezionare nuovamente OK.Select OK to return to the New ASP.NET Core Web Application, then select OK again.

Finestra per autenticazione Nuova applicazione Web ASP.NET Core

Visual Studio crea la soluzione.Visual Studio creates the solution.

Esecuzione dell'appRun the app

  • Premere CTRL+F5 per eseguire il progetto.Press CTRL+F5 to run the project.
  • Eseguire il test dei collegamenti About (Informazioni su) e Contact (Contatto).Test the About and Contact links.

Applicazione Web aperta in Microsoft Edge su localhost

Registrare un utenteRegister a user

  • Selezionare Registra e registrare un nuovo utente.Select Register and register a new user. È possibile usare un indirizzo di posta elettronica fittizio.You can use a fictitious email address. Quando si esegue l'invio, nella pagina viene visualizzato l'errore seguente:When you submit, the page displays the following error:

    "Internal Server Error: A database operation failed while processing the request. SQL exception: Cannot open the database. Applying existing migrations for Application DB context may resolve this issue." (Errore interno del server: Operazione sul database non riuscita durante l'elaborazione della richiesta. Eccezione SQL: Impossibile aprire il file di database. Per risolvere il problema, applicare le migrazioni esistenti per il contesto di database dell'applicazione)."Internal Server Error: A database operation failed while processing the request. SQL exception: Cannot open the database. Applying existing migrations for Application DB context may resolve this issue."

  • Selezionare Apply Migrations (Applica migrazioni) e, quando la pagina è stata caricata, eseguire l'aggiornamento.Select Apply Migrations and, once the page updates, refresh the page.

Internal Server Error: A database operation failed while processing the request.

L'app visualizza l'indirizzo di posta elettronica usato per registrare il nuovo utente e un collegamento Disconnessione.The app displays the email used to register the new user and a Log out link.

Applicazione Web aperta in Microsoft Edge

Distribuire l'app in AzureDeploy the app to Azure

In Esplora soluzioni fare clic con il pulsante destro del mouse sul progetto e selezionare Pubblica... .Right-click on the project in Solution Explorer and select Publish....

Menu di scelta rapida con il collegamento per la pubblicazione evidenziato

Nella finestra di dialogo Pubblica:In the Publish dialog:

  • Selezionare Servizio app di Microsoft Azure.Select Microsoft Azure App Service.
  • Selezionare l'icona a forma di ingranaggio e quindi selezionare Crea profilo.Select the gear icon and then select Create Profile.
  • Selezionare Crea profilo.Select Create Profile.

Finestra di dialogo Pubblica

Creare risorse di AzureCreate Azure resources

Viene visualizzata la finestra di dialogo Crea servizio app:The Create App Service dialog appears:

  • Immettere la sottoscrizione.Enter your subscription.
  • I campi di immissione Nome dell'app, Gruppo di risorse e Piano di servizio app vengono popolati automaticamente.The App Name, Resource Group, and App Service Plan entry fields are populated. È possibile mantenere questi nomi o modificarli.You can keep these names or change them.

Finestra di dialogo Servizio app

  • Selezionare la scheda Servizi per creare un nuovo database.Select the Services tab to create a new database.

  • Selezionare l'icona verde + per creare un nuovo database SQLSelect the green + icon to create a new SQL Database

Nuovo database SQL

  • Selezionare Nuovo nella finestra di dialogo Configura database SQL per creare un nuovo database.Select New... on the Configure SQL Database dialog to create a new database.

Nuovo database SQL e server

Viene visualizzata la finestra di dialogo Configura SQL Server.The Configure SQL Server dialog appears.

  • Immettere nome utente e password di amministratore e selezionare OK.Enter an administrator user name and password, and then select OK. È possibile mantenere il Nome server predefinito.You can keep the default Server Name.

Nota

La stringa "admin" non è consentita come nome utente di amministratore."admin" isn't allowed as the administrator user name.

Finestra di dialogo Configura SQL Server

  • Selezionare OK.Select OK.

Visual Studio torna alla finestra di dialogo Crea servizio app.Visual Studio returns to the Create App Service dialog.

  • Selezionare Crea nella finestra di dialogo Crea servizio app.Select Create on the Create App Service dialog.

Finestra di dialogo Configura database SQL

Visual Studio crea l'app Web e SQL Server in Azure.Visual Studio creates the Web app and SQL Server on Azure. Questo passaggio potrebbe richiedere alcuni minuti.This step can take a few minutes. Per informazioni sulle risorse create, vedere Risorse aggiuntive.For information on the resources created, see Additional resources.

Al termine della distribuzione, selezionare impostazioni:When deployment completes, select Settings:

Finestra di dialogo Configura SQL Server

Nella pagina Impostazioni della finestra di dialogo Pubblica:On the Settings page of the Publish dialog:

  • Espandere Database e selezionare Usa questa stringa di connessione in fase di esecuzione.Expand Databases and check Use this connection string at runtime.

  • Espandere Migrazioni Entity Framework e selezionare Applica questa migrazione in fase di pubblicazione.Expand Entity Framework Migrations and check Apply this migration on publish.

  • Selezionare Salva.Select Save. Visual Studio torna alla finestra di dialogo Pubblica.Visual Studio returns to the Publish dialog.

Finestra di dialogo Pubblica: pannello Impostazioni

Fare clic su Pubblica.Click Publish. Visual Studio pubblica l'app in Azure.Visual Studio publishes your app to Azure. Al termine della distribuzione, l'app viene aperta in un browser.When the deployment completes, the app is opened in a browser.

Testare l'app in AzureTest your app in Azure

  • Eseguire il test dei collegamenti About (Informazioni su) e Contact (Contatto).Test the About and Contact links

  • Registrare un nuovo utenteRegister a new user

Applicazione Web aperta in Microsoft Edge in Servizio app di Azure

Aggiornare l'appUpdate the app

  • Modificare la pagina Razor Pages/About.cshtml e modificarne il contenuto.Edit the Pages/About.cshtml Razor page and change its contents. Ad esempio, è possibile modificare il paragrafo specificando "Hello ASP.NET Core!":For example, you can modify the paragraph to say "Hello ASP.NET Core!":

    @page
    @model AboutModel
    @{
        ViewData["Title"] = "About";
    }
    <h2>@ViewData["Title"]</h2>
    <h3>@Model.Message</h3>
    
    <p>Hello ASP.NET Core!</p>
    
  • Fare clic con il pulsante destro del mouse sul progetto e selezionare Pubblica.Right-click on the project and select Publish... again.

Menu di scelta rapida con il collegamento per la pubblicazione evidenziato

  • Dopo la pubblicazione dell'app, verificare che le modifiche apportate siano disponibili in Azure.After the app is published, verify the changes you made are available on Azure.

Verificare che l'attività sia stata completata

Eseguire la puliziaClean up

Al termine del test dell'app accedere al portale di Azure ed eliminare l'app.When you have finished testing the app, go to the Azure portal and delete the app.

  • Selezionare Gruppi di risorse e in seguito il gruppo di risorse che è stato creato.Select Resource groups, then select the resource group you created.

Portale di Azure: gruppi di risorse nel menu laterale

  • Nella pagina Gruppi di risorse selezionare Elimina.In the Resource groups page, select Delete.

Portale di Azure: pagina Gruppi di risorse

  • Immettere il nome del gruppo di risorse e selezionare Elimina.Enter the name of the resource group and select Delete. A questo punto l'app e tutte le altre risorse create in questa esercitazione vengono eliminate da Azure.Your app and all other resources created in this tutorial are now deleted from Azure.

Passaggi successiviNext steps

Risorse aggiuntiveAdditional resources