Créer une application web ASP.NET Core dans AzureCreate an ASP.NET Core web app in Azure

Notes

Cet article explique comment déployer une application sur App Service sous Windows.This article deploys an app to App Service on Windows. Pour déployer une application App Service sur Linux, consultez Créer et déployer une application web .NET Core sur App Service sur Linux.To deploy to App Service on Linux, see Create a .NET Core web app in App Service on Linux.

Azure App Service offre un service d’hébergement web hautement évolutif appliquant des mises à jour correctives automatiques.Azure App Service provides a highly scalable, self-patching web hosting service.

Ce guide de démarrage rapide montre comment déployer votre première application web ASP.NET Core sur Azure App Service.This quickstart shows how to deploy your first ASP.NET Core web app to Azure App Service. Quand vous aurez terminé, vous disposerez d’un groupe de ressources constitué d’un plan App Service et d’une application App Service avec une application web déployée.When you're finished, you'll have a resource group that consists of an App Service plan and an App Service app with a deployed web application.

Si vous n’avez pas d’abonnement Azure, créez un compte gratuit avant de commencer.If you don't have an Azure subscription, create a free account before you begin.

PrérequisPrerequisites

Pour effectuer ce tutoriel, installez Visual Studio 2019 avec la charge de travail Développement web et ASP.NET.To complete this tutorial, install Visual Studio 2019 with the ASP.NET and web development workload.

Si vous avez déjà installé Visual Studio 2019 :If you've installed Visual Studio 2019 already:

  • Installez les dernières mises à jour dans Visual Studio en sélectionnant Aide > Rechercher les mises à jour.Install the latest updates in Visual Studio by selecting Help > Check for Updates.
  • Ajoutez la charge de travail en sélectionnant Outils > Obtenir des outils et des fonctionnalités.Add the workload by selecting Tools > Get Tools and Features.

Créez une application web ASP.NET CoreCreate an ASP.NET Core web app

Créez une application web ASP.NET Core en effectuant les étapes suivantes :Create an ASP.NET Core web app by following these steps:

  1. Ouvrez Visual Studio, puis sélectionnez Créer un projet.Open Visual Studio and then select Create a new project.

  2. Dans Créer un projet, recherchez et choisissez Application web ASP.NET Core pour C#, puis sélectionnez Suivant.In Create a new project, find and choose ASP.NET Core Web Application for C#, then select Next.

  3. Dans Configurer votre nouveau projet, nommez l’application myFirstAzureWebApp, puis sélectionnez Créer.In Configure your new project, name the application myFirstAzureWebApp, and then select Create.

    Configurer votre projet d’application web

  4. Pour ce guide de démarrage rapide, choisissez le modèle Application web.For this quickstart, choose the Web Application template. Vérifiez que l’option d’authentification a la valeur Aucune authentification et qu’aucune autre option n’est sélectionnée.Make sure authentication is set to No Authentication and no other option is selected. Sélectionnez Create (Créer).Select Create.

    Sélectionner ASP.NET Core Razor Pages pour ce tutoriel

    Vous pouvez déployer n’importe quel type d’application web ASP.NET Core dans Azure.You can deploy any type of ASP.NET Core web app to Azure.

  5. Dans le menu Visual Studio, sélectionnez Déboguer > Démarrer sans débogage pour exécuter l’application web localement.From the Visual Studio menu, select Debug > Start Without Debugging to run the web app locally.

    Exécuter l’application localement

Publier votre application webPublish your web app

  1. Dans l’Explorateur de solutions, cliquez avec le bouton droit sur le projet myFirstAzureWebApp, puis sélectionnez Publier.In Solution Explorer, right-click the myFirstAzureWebApp project and select Publish.

  2. Choisissez App Service, puis sélectionnez Publier.Choose App Service and then select Publish.

    Publier à partir de la page de présentation du projet

  3. Dans Créer un App Service, vos options varient si vous êtes déjà connecté à Azure et si vous avez un compte Visual Studio lié à un compte Azure.In App Service Create new, your options depend on whether you're signed in to Azure already and whether you have a Visual Studio account linked to an Azure account. Sélectionnez Ajouter un compte ou Connexion pour vous connecter à votre abonnement Azure.Select either Add an account or Sign in to sign in to your Azure subscription. Si vous êtes déjà connecté, sélectionnez le compte souhaité.If you're already signed in, select the account you want.

    Notes

    Si vous êtes déjà connecté, ne sélectionnez pas encore Créer.If you're already signed in, don't select Create yet.

    Connexion à Azure

    Un groupe de ressources est un conteneur logique dans lequel les ressources Azure comme les applications web, les bases de données et les comptes de stockage sont déployés et gérés.A resource group is a logical container into which Azure resources like web apps, databases, and storage accounts are deployed and managed. Par exemple, vous pouvez choisir de supprimer le groupe de ressources complet ultérieurement en une seule étape.For example, you can choose to delete the entire resource group in one simple step later.

  4. Pour Groupe de ressources, sélectionnez Nouveau.For Resource group, select New.

  5. Dans Nouveau nom du groupe de ressources, entrez myResourceGroup, puis sélectionnez OK.In New resource group name, enter myResourceGroup and select OK.

    Un plan App Service spécifie l’emplacement, la taille et les fonctionnalités de la batterie de serveurs web qui héberge votre application.An App Service plan specifies the location, size, and features of the web server farm that hosts your app. Vous pouvez économiser de l’argent lors de l’hébergement de plusieurs applications en configurant les applications web pour partager un plan App Service.You can save money when hosting multiple apps by configuring the web apps to share a single App Service plan.

    Les plans App Service définissent :App Service plans define:

    • Région (par exemple : Europe Nord, USA Est ou Asie Sud-Est)Region (for example: North Europe, East US, or Southeast Asia)
    • Taille d’instance (petit, moyen ou grand)Instance size (small, medium, or large)
    • Étendue de la mise à l’échelle (1 à 20 instances)Scale count (1 to 20 instances)
    • Référence (SKU) (Gratuit, Partagé, De base, Standard ou Premium)SKU (Free, Shared, Basic, Standard, or Premium)
  6. Pour le Plan d’hébergement, sélectionnez Nouveau.For the Hosting Plan, select New.

  7. Dans la boîte de dialogue Configurer le plan d’hébergement, entrez les valeurs du tableau suivant, puis sélectionnez OK.In the Configure Hosting Plan dialog, enter the values from the following table, and then select OK.

    ParamètreSetting Valeur suggéréeSuggested Value DescriptionDescription
    Plan App ServiceApp Service Plan myAppServicePlanmyAppServicePlan Nom du plan App Service.Name of the App Service plan.
    LocationLocation Europe OuestWest Europe Centre de données dans lequel l’application web est hébergée.The datacenter where the web app is hosted.
    SizeSize GratuitFree Le niveau tarifaire détermine les fonctionnalités d’hébergement.Pricing tier determines hosting features.

    Créer un plan App Service

  8. Dans Nom, entrez un nom d’application unique qui inclut uniquement les caractères valides a-z, A-Z, 0-9 et -.In Name, enter a unique app name that includes only the valid characters are a-z, A-Z, 0-9, and -. Vous pouvez accepter le nom unique généré automatiquement.You can accept the automatically generated unique name. L’URL de l’application web est http://<app_name>.azurewebsites.net, où <app_name> est le nom de votre application.The URL of the web app is http://<app_name>.azurewebsites.net, where <app_name> is your app name.

    Configurer le nom de l’application

  9. Sélectionnez Créer pour commencer à créer les ressources Azure.Select Create to start creating the Azure resources.

Une fois que l’Assistant a terminé, il publie l’application web ASP.NET Core sur Azure, puis il lance l’application dans le navigateur par défaut.Once the wizard completes, it publishes the ASP.NET Core web app to Azure, and then launches the app in the default browser.

Application web ASP.NET publiée dans Azure

Le nom d’application spécifié dans la page Créer un App Service est utilisé en tant que préfixe d’URL au format http://<app_name>.azurewebsites.net.The app name specified in the App Service Create new page is used as the URL prefix in the format http://<app_name>.azurewebsites.net.

Félicitations !Congratulations! Votre application web ASP.NET Core s’exécute en temps réel dans Azure App Service.Your ASP.NET Core web app is running live in Azure App Service.

Mise à jour de l’application et redéploiementUpdate the app and redeploy

  1. Dans l’Explorateur de solutions, sous votre projet, ouvrez Pages > Index.cshtml.In Solution Explorer, under your project, open Pages > Index.cshtml.

  2. Remplacez les deux balises <div> par le code suivant :Replace the two <div> tags with the following code:

    <div class="jumbotron">
        <h1>ASP.NET in Azure!</h1>
        <p class="lead">This is a simple app that we’ve built that demonstrates how to deploy a .NET app to Azure App Service.</p>
    </div>
    
  3. Pour effectuer un redéploiement dans Azure, cliquez avec le bouton droit sur le projet myFirstAzureWebApp dans l’Explorateur de solutions, puis sélectionnez Publier.To redeploy to Azure, right-click the myFirstAzureWebApp project in Solution Explorer and select Publish.

  4. Dans la page récapitulative intitulée Publier, sélectionnez Publier.In the Publish summary page, select Publish.

    Page récapitulative de Visual Studio pour la publication

Une fois la publication terminée, Visual Studio lance un navigateur en accédant à l’URL de l’application web.When publishing completes, Visual Studio launches a browser to the URL of the web app.

Application web ASP.NET mise à jour dans Azure

Gérer l’application AzureManage the Azure app

Pour gérer l’application web, accédez au Portail Azure, puis recherchez et sélectionnez App Services.To manage the web app, go to the Azure portal, and search for and select App Services.

Sélectionner App Services

Dans la page App Services, sélectionnez le nom de votre application web.On the App Services page, select the name of your web app.

Navigation au sein du portail pour accéder à l’application Azure

Vous voyez apparaître la page Vue d’ensemble de votre application web.You see your web app's Overview page. Ici, vous pouvez effectuer des tâches de gestion de base, par exemple parcourir, arrêter, démarrer, redémarrer et supprimer.Here, you can do basic management like browse, stop, start, restart, and delete.

App Service dans le portail Azure

Le menu de gauche fournit différentes pages vous permettant de configurer votre application.The left menu provides different pages for configuring your app.

Supprimer des ressourcesClean up resources

Au cours des étapes précédentes, vous avez créé des ressources Azure au sein d’un groupe de ressources.In the preceding steps, you created Azure resources in a resource group. Si vous ne pensez pas avoir besoin de ces ressources à l’avenir, vous pouvez les supprimer en supprimant le groupe de ressources.If you don't expect to need these resources in the future, you can delete them by deleting the resource group.

Dans le menu du portail Azure ou dans la page d’accueil, sélectionnez Groupes de ressources, puis, dans la page Groupes de ressources, sélectionnez myResourceGroup.From the Azure portal menu or Home page, select Resource groups, and on the Resource groups page, select myResourceGroup.

Dans la page myResourceGroup, assurez-vous que les ressources répertoriées sont bien celles que vous souhaitez supprimer.On the myResourceGroup page, make sure that the listed resources are the ones you want to delete.

Sélectionnez Supprimer, tapez myResourceGroup dans la zone de texte, puis sélectionnez Supprimer.Select Delete, type myResourceGroup in the text box, and then select Delete.

Étapes suivantesNext steps

Build a .NET Core and SQL Database web app in Azure App Service (Créer une application web .NET Core et SQL Database dans Azure App Service)ASP.NET Core with SQL Database