Publier une application ASP.NET Core sur Azure avec Visual StudioPublish an ASP.NET Core app to Azure with Visual Studio

Par Rick Anderson, Cesar Blum SilveiraBy Rick Anderson, Cesar Blum Silveira

Important

Préversions d’ASP.NET Core avec Azure App ServiceASP.NET Core preview releases with Azure App Service

Les préversions d’ASP.NET Core ne sont pas déployées sur Azure App Service par défaut.ASP.NET Core preview releases aren't deployed to Azure App Service by default. Pour héberger une application qui utilise une préversion d’ASP.NET Core, consultez Déployer la préversion d’ASP.NET Core sur Azure App Service.To host an app that uses an ASP.NET Core preview release, see Deploy ASP.NET Core preview release to Azure App Service.

Consultez Publier sur Azure à partir de Visual Studio pour Mac si vous utilisez macOS.See Publish to Azure from Visual Studio for Mac if you are working on macOS.

Pour résoudre un problème de déploiement App Service, consultez Résoudre les erreurs de démarrage d’ASP.NET Core sur Azure App Service.To troubleshoot an App Service deployment issue, see Résoudre les erreurs de démarrage d’ASP.NET Core sur Azure App Service.

InstallerSet up

Créer une application webCreate a web app

Dans la page de démarrage de Visual Studio, sélectionnez Fichier > Nouveau > Projet...In the Visual Studio Start Page, select File > New > Project...

menu Fichier

Renseignez la boîte de dialogue Nouveau projet :Complete the New Project dialog:

  • Dans le volet gauche, sélectionnez .NET Core.In the left pane, select .NET Core.
  • Dans le volet central, sélectionnez Application web ASP.NET Core.In the center pane, select ASP.NET Core Web Application.
  • Sélectionnez OK.Select OK.

Boîte de dialogue Nouveau projet

Dans la boîte de dialogue Nouvelle application web ASP.NET Core :In the New ASP.NET Core Web Application dialog:

  • Sélectionnez Application web.Select Web Application.
  • Sélectionnez Modifier l’authentification.Select Change Authentication.

Boîte de dialogue Nouveau projet

La boîte de dialogue Modifier l’authentification s’affiche.The Change Authentication dialog appears.

  • Sélectionnez Comptes d’utilisateur individuels.Select Individual User Accounts.
  • Sélectionnez OK pour revenir à la nouvelle application web ASP.NET Core, puis sélectionnez à nouveau OK.Select OK to return to the New ASP.NET Core Web Application, then select OK again.

Boîte de dialogue Nouvelle application web ASP.NET Core

Visual Studio crée la solution.Visual Studio creates the solution.

Exécuter l'applicationRun the app

  • Appuyez sur CTRL+F5 pour exécuter le projet.Press CTRL+F5 to run the project.
  • Testez les liens À propos de et Contact.Test the About and Contact links.

Application web ouverte dans Microsoft Edge sur localhost

Inscrire un utilisateurRegister a user

  • Sélectionnez S’inscrire, puis inscrivez un nouvel utilisateur.Select Register and register a new user. Vous pouvez utiliser une adresse e-mail fictive.You can use a fictitious email address. Quand vous effectuez l’envoi, la page affiche l’erreur suivante :When you submit, the page displays the following error:

    « Erreur de serveur interne : Une opération de base de données a échoué lors du traitement de la requête. Exception SQL : Impossible d’ouvrir la base de données. Appliquer des migrations existantes pour le contexte de base de données d’application peut résoudre ce problème. »"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."

  • Sélectionnez Appliquer les migrations, puis, une fois la page mise à jour, actualisez-la.Select Apply Migrations and, once the page updates, refresh the page.

Erreur de serveur interne : Une opération de base de données a échoué lors du traitement de la requête.

L’application affiche l’adresse e-mail utilisée pour inscrire le nouvel utilisateur et un lien Se déconnecter.The app displays the email used to register the new user and a Log out link.

Application web ouverte dans Microsoft Edge.

Déployer l’application sur AzureDeploy the app to Azure

Cliquez avec le bouton droit sur le projet dans l’Explorateur de solutions, puis sélectionnez Publier...Right-click on the project in Solution Explorer and select Publish....

Menu contextuel ouvert avec le lien Publier mis en surbrillance

Dans la boîte de dialogue Publier :In the Publish dialog:

  • Sélectionnez Microsoft Azure App Service.Select Microsoft Azure App Service.
  • Sélectionnez l’icône d’engrenage, puis Créer un profil.Select the gear icon and then select Create Profile.
  • Sélectionnez Créer un profil.Select Create Profile.

Boîte de dialogue Publier

Créer des ressources AzureCreate Azure resources

La boîte de dialogue Créer App Service s’affiche :The Create App Service dialog appears:

  • Entrez votre abonnement.Enter your subscription.
  • Les champs d’entrée Nom de l’application, Groupe de ressources et Plan App Service sont renseignés.The App Name, Resource Group, and App Service Plan entry fields are populated. Vous pouvez conserver ces noms ou les changer.You can keep these names or change them.

Boîte de dialogue App Service

  • Sélectionnez l’onglet Services pour créer une base de données.Select the Services tab to create a new database.

  • Sélectionnez l’icône + verte pour créer une base de données SQL.Select the green + icon to create a new SQL Database

Nouvelle base de données SQL

  • Sélectionnez Nouveau... dans la boîte de dialogue Configurer la base de données SQL pour créer une base de données.Select New... on the Configure SQL Database dialog to create a new database.

Nouvelle base de données et nouveau serveur SQL

La boîte de dialogue Configurer le serveur SQL Server s’affiche.The Configure SQL Server dialog appears.

  • Entrez un nom d’utilisateur et un mot de passe administrateur, puis sélectionnez OK.Enter an administrator user name and password, and then select OK. Vous pouvez conserver le Nom du serveur par défaut.You can keep the default Server Name.

Note

« admin » n’est pas autorisé comme nom d’utilisateur administrateur."admin" isn't allowed as the administrator user name.

Boîte de dialogue Configurer le serveur SQL Server

  • Sélectionnez OK.Select OK.

Visual Studio retourne la boîte de dialogue Créer App Service.Visual Studio returns to the Create App Service dialog.

  • Sélectionnez Créer dans la boîte de dialogue Créer App Service.Select Create on the Create App Service dialog.

Boîte de dialogue Configurer la base de données SQL

Visual Studio crée l’application web et SQL Server sur Azure.Visual Studio creates the Web app and SQL Server on Azure. Cette étape peut prendre quelques minutes.This step can take a few minutes. Pour plus d’informations sur les ressources créées, consultez Ressources supplémentaires.For information on the resources created, see Additional resources.

Quand le déploiement est terminé, sélectionnez Paramètres :When deployment completes, select Settings:

Boîte de dialogue Configurer le serveur SQL Server

Dans la page Paramètres de la boîte de dialogue Publier :On the Settings page of the Publish dialog:

  • Développez Bases de données, puis cochez Utilisez cette chaîne de connexion au moment de l’exécution.Expand Databases and check Use this connection string at runtime.

  • Développez Migrations Entity Framework, puis cochez Appliquer cette migration lors de la publication.Expand Entity Framework Migrations and check Apply this migration on publish.

  • Sélectionnez Enregistrer.Select Save. Visual Studio retourne à la boîte de dialogue Publier.Visual Studio returns to the Publish dialog.

Boîte de dialogue Publier : panneau Paramètres

Cliquez sur Publier.Click Publish. Visual Studio publie votre application sur Azure.Visual Studio publishes your app to Azure. Quand le déploiement est terminé, l’application est ouverte dans un navigateur.When the deployment completes, the app is opened in a browser.

Tester votre application dans AzureTest your app in Azure

  • Testez les liens À propos de et ContactTest the About and Contact links

  • Inscrivez un nouvel utilisateurRegister a new user

Application web ouverte dans Microsoft Edge sur Azure App Service

Mettre à jour l’applicationUpdate the app

  • Modifiez la page Razor Pages/About.cshtml, puis changez son contenu.Edit the Pages/About.cshtml Razor page and change its contents. Par exemple, vous pouvez modifier le paragraphe pour indiquer « Hello ASP.NET Core! » : [!code-htmlAbout]For example, you can modify the paragraph to say "Hello ASP.NET Core!": [!code-htmlAbout]

  • Cliquez avec le bouton droit sur le projet, puis sélectionnez Publier.Right-click on the project and select Publish... again.

Menu contextuel ouvert avec le lien Publier mis en surbrillance

  • Une fois l’application publiée, vérifiez que les changements apportés sont disponibles sur Azure.After the app is published, verify the changes you made are available on Azure.

Vérifiez que la tâche est terminée

NettoyerClean up

Après avoir testé l’application, accédez au portail Azure, puis supprimez l’application.When you have finished testing the app, go to the Azure portal and delete the app.

  • Sélectionnez Groupes de ressources, puis sélectionnez le groupe de ressources que vous avez créé.Select Resource groups, then select the resource group you created.

Portail Azure : Groupes de ressources dans le menu de la barre latérale

  • Dans la page Groupes de ressources, sélectionnez Supprimer.In the Resource groups page, select Delete.

Portail Azure : page Groupes de ressources

  • Entrez le nom du groupe de ressources, puis sélectionnez Supprimer.Enter the name of the resource group and select Delete. Votre application et toutes les autres ressources créées dans ce didacticiel sont désormais supprimées d’Azure.Your app and all other resources created in this tutorial are now deleted from Azure.

Étapes suivantesNext steps

Ressources supplémentairesAdditonal resources