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

• 12/06/2018
• 6 minutes de lecture
• Contributeurs
  • 
  • 

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

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 problèmes liés à ASP.NET Core sur Azure App Service.To troubleshoot an App Service deployment issue, see Résoudre les problèmes liés à ASP.NET Core sur Azure App Service.

InstallerSet up

• Ouvrez un compte Azure gratuit si vous n’en avez pas.Open a free Azure account if you don't have one.

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

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.

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.

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.

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.

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.

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.

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

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.

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.

• 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

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

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.

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

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:

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.

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

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! » :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>
  

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

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

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.

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

• 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

• Déploiement continu sur Azure avec Visual Studio et Git avec ASP.NET Core

Ressources supplémentairesAdditonal resources

• Azure App ServiceAzure App Service
• Groupes de ressources AzureAzure resource groups
• Azure SQL DatabaseAzure SQL Database
• Profils de publication Visual Studio pour le déploiement d’applications ASP.NET Core
• Résoudre les problèmes liés à ASP.NET Core sur Azure App Service