Publier une application ASP.NET Core sur Azure avec Visual Studio

Important

versions préliminaires ASP.NET Core avec Azure App Service

ASP.NET versions préliminaires Core ne sont pas déployées sur Azure App Service par défaut. Pour héberger une application qui utilise une préversion ASP.NET Core, consultez Déployer ASP.NET version préliminaire Core sur Azure App Service.

Pour résoudre un problème de déploiement App Service, consultez Résoudre les problèmes ASP.NET Core sur Azure App Service et IIS.

Configurer

Ouvrez un compte Azure gratuit si vous n’en avez pas.

Créer une application web

Démarrez Visual Studio 2022 et sélectionnez Créer un projet.

Dans la boîte de dialogue Créer un nouveau projet, sélectionnez ASP.NET Core Web App, puis Suivant.

Dans la boîte de dialogue Configurer votre nouveau projet, nommez votre projet, puis sélectionnez Suivant.

Dans la boîte de dialogue Informations supplémentaires :

• Dans l’entrée framework, sélectionnez .NET 7.0 (Prise en charge des termes standard).
• Dans l’entrée de type d’authentification , sélectionnez Comptes individuels, puis créez.

Visual Studio crée la solution.

Exécuter l’application

• Appuyez sur F5 pour exécuter le projet.

Inscrire un utilisateur

• Sélectionnez Inscrire et inscrire un nouvel utilisateur. Vous pouvez utiliser une adresse e-mail fictive. Lorsque vous envoyez, la page affiche l’erreur suivante :

  « Une opération de base de données a échoué lors du traitement de la requête. L’application des migrations existantes peut résoudre ce problème »

• Sélectionnez Appliquer les migrations et, une fois la page mise à jour, actualisez la page.

• Une page de confirmation d’inscription s’affiche. Sélectionnez Cliquez ici pour confirmer votre compte.
• Une page confirmer l’e-mail s’affiche.
• Connectez-vous en tant que nouvel utilisateur.

L’application affiche l’e-mail utilisé pour inscrire le nouvel utilisateur et un lien de déconnexion .

• Arrêtez l’application en fermant le navigateur ou dans Visual Studio, sélectionnez Arrêter>le débogage.
• Dans Visual Studio, sélectionnez Générer une>solution propre pour nettoyer les éléments de projet et éviter la contention de fichier.

Déploiement de l’application dans Azure

Cliquez avec le bouton droit sur le projet dans l’Explorateur de solutions, puis sélectionnez Publier.

Dans la boîte de dialogue Publier :

• Sélectionnez Azure.
• Cliquez sur Suivant.

Dans la boîte de dialogue Publier :

• Sélectionnez Azure App Service (Windows).
• Cliquez sur Suivant.

Dans la boîte de dialogue Publier , sous l’onglet App Service , sélectionnez Créer.

La boîte de dialogue Créer App Service s’affiche :

• Les champs Nom, Groupe de ressources et Plan d’hébergement sont renseignés. Vous pouvez conserver ces noms ou les modifier.
• Cliquez sur Créer.

Une fois la création terminée, la boîte de dialogue est automatiquement fermée et la boîte de dialogue Publier se concentre à nouveau :

• La nouvelle instance qui vient d’être créée est automatiquement sélectionnée.
• Sélectionnez Terminer.

La boîte de dialogue de progression de la création du profil de publication confirme que le profil de publication a été créé. Sélectionnez Fermer.

Vous voyez ensuite la page récapitulative du profil de publication . Visual Studio a détecté que cette application nécessite une base de données SQL Server qu’elle a répertoriée dans le volet Dépendances de service. Sélectionnez les points de suspension (...), puis connectez-vous.

La boîte de dialogue Se connecter à la dépendance s’affiche :

• Sélectionnez Azure SQL Database.
• Cliquez sur Suivant.

Dans la boîte de dialogue Se connecter à une base de données Azure SQL , sélectionnez Créer nouveau.

La création d’Azure SQL Database s’affiche :

• Le nom de la base de données, le groupe de ressources, le serveur de base de données et les champs d’entrée du plan App Service sont renseignés. Vous pouvez conserver ces valeurs ou les modifier.
• Entrez le nom d’utilisateur de l’administrateur de base de données et le mot de passe administrateur de base de données pour le serveur de base de données sélectionné (notez que le compte que vous utilisez doit disposer des autorisations nécessaires pour créer la nouvelle base de données Azure SQL)
• Cliquez sur Créer.

Une fois la création terminée, la boîte de dialogue est automatiquement fermée et la boîte de dialogue Se connecter à Azure SQL Database se concentre à nouveau :

• La nouvelle instance qui vient d’être créée est automatiquement sélectionnée.
• Cliquez sur Suivant.

À l’étape suivante de la boîte de dialogue Se connecter à Azure SQL Database :

• Entrez le nom d’utilisateur de la connexion de base de données et les champs mot de passe de connexion de base de données . Il s’agit des détails que votre application utilisera pour se connecter à la base de données au moment de l’exécution. La meilleure pratique consiste à éviter d’utiliser les mêmes détails que le nom d’utilisateur et le mot de passe administrateur utilisés à l’étape précédente.
• Sélectionnez Terminer.

La boîte de dialogue Progression de la configuration des dépendances confirme qu’Azure SQL Database est configurée. Sélectionnez Fermer.

Dans la page résumé du profil de publication , sélectionnez Autres actions>Modifier :

Sous l’onglet Paramètres de la boîte de dialogue Publier :

• Développez bases de données et cochez l'option « Utiliser cette chaîne de connexion au moment de l’exécution ».

• Développez Entity Framework Migrations et sélectionnez Appliquer cette migration lors de la publication.

• Cliquez sur Enregistrer. Visual Studio retourne à la boîte de dialogue Publier .

Cliquez sur Publier. Visual Studio publie votre application sur Azure. Une fois le déploiement terminé.

L’application est ouverte dans un navigateur. Inscrivez un nouvel utilisateur et connectez-vous en tant que nouvel utilisateur pour valider le déploiement de la base de données et la connexion au moment de l’exécution.

Mettre à jour l’application

• Modifiez la Pages/Index.cshtmlRazor page et modifiez son contenu, puis enregistrez les modifications. Par exemple, vous pouvez modifier le paragraphe pour qu’il indique « 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>
  

• Sélectionnez Publier à nouveau dans la page récapitulative du profil de publication.

• Une fois l’application publiée, actualisez la page et vérifiez que les modifications que vous avez apportées sont disponibles sur Azure.

Nettoyage

Une fois que vous avez terminé de tester l’application, accédez au portail Azure et supprimez l’application.

• Sélectionnez Groupes de ressources, puis sélectionnez le groupe de ressources que vous avez créé.

• Dans la page Groupe de ressources, sélectionnez Supprimer le groupe de ressources.

• Entrez le nom du groupe de ressources, puis sélectionnez Supprimer. Votre application et toutes les autres ressources créées dans ce tutoriel sont désormais supprimées d’Azure.

Ressources supplémentaires

• Azure App Service
• Groupes de ressources Azure
• Base de données SQL Azure
• Profils de publication Visual Studio (.pubxml) pour le déploiement d’applications ASP.NET Core
• Résoudre les problèmes liés à ASP.NET Core sur Azure App Service et IIS