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

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 sur Azure App Service.This quickstart shows how to deploy your first ASP.NET 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 suivre ce didacticiel, installez Visual Studio 2017 avec la charge de travail Développement ASP.NET et web.To complete this tutorial, install Visual Studio 2017 with the ASP.NET and web development workload.

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

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

Créez une application web ASP.NETCreate an ASP.NET web app

Dans Visual Studio, créez un projet en sélectionnant Fichier > Nouveau > Projet.In Visual Studio, create a project by selecting File > New > Project.

Dans la boîte de dialogue Nouveau projet, sélectionnez Visual C# > Web > Application web ASP.NET (.NET Framework).In the New Project dialog, select Visual C# > Web > ASP.NET Web Application (.NET Framework).

Nommez l’application myFirstAzureWebApp, puis sélectionnez OK.Name the application myFirstAzureWebApp, and then select OK.

Boîte de dialogue Nouveau projet

Vous pouvez déployer n’importe quel type d’application web ASP.NET dans Azure.You can deploy any type of ASP.NET web app to Azure. Pour ce guide de démarrage rapide, sélectionnez le modèle MVC et assurez-vous que l’authentification est définie sur Aucune authentification.For this quickstart, select the MVC template, and make sure authentication is set to No Authentication.

Sélectionnez OK.Select OK.

Boîte de dialogue New ASP.NET Project

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

Exécuter l’application localement

Lancer l’assistant de publicationLaunch the publish wizard

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

Publier à partir de l’Explorateur de solutions

L’Assistant Publication est lancé automatiquement.The publish wizard is automatically launched. Sélectionnez App Service > Publier pour ouvrir la boîte de dialogue Créer App Service.Select App Service > Publish to open the Create App Service dialog.

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

Connexion à AzureSign in to Azure

Dans la boîte de dialogue Créer App Service, sélectionnez Ajouter un compte, puis connectez-vous à votre abonnement Azure.In the Create App Service dialog, select Add an account, and sign in to your Azure subscription. Si vous êtes déjà connecté, sélectionnez le compte qui contient l’abonnement souhaité dans la liste déroulante.If you're already signed in, select the account containing the desired subscription from the dropdown.

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

Créer un groupe de ressourcesCreate a resource group

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.

En regard de Groupe de ressources, sélectionnez Nouveau.Next to Resource Group, select New.

Nommez le groupe de ressources myResourceGroup, puis sélectionnez OK.Name the resource group myResourceGroup and select OK.

Créer un plan App ServiceCreate an App Service plan

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)

En regard de Plan d’hébergement, sélectionnez Nouveau.Next to Hosting Plan, select New.

Dans la boîte de dialogue Configurer le plan d’hébergement, utilisez les paramètres spécifiés dans la table sous la capture d’écran ci-après.In the Configure Hosting Plan dialog, use the settings in the table following the screenshot.

Créer un plan App Service

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.
LieuLocation Europe OuestWest Europe Centre de données dans lequel l’application web est hébergée.The datacenter where the web app is hosted.
TailleSize GratuitFree Le niveau tarifaire détermine les fonctionnalités d’hébergement.Pricing tier determines hosting features.

Sélectionnez OK.Select OK.

Créer et publier l’application webCreate and publish the web app

Dans Nom de l’application, saisissez un nom d’application unique (les caractères valides sont a-z, 0-9 et -) ou acceptez le nom unique généré automatiquement.In App Name, type a unique app name (valid characters are a-z, 0-9, and -), or 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.

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

Configurer le nom de l’application

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

Application web ASP.NET publiée dans Azure

Le nom de l’application spécifié à l’étape de création et de publication est utilisé en tant que préfixe d’URL au format http://<app_name>.azurewebsites.net.The app name specified in the create and publish step is used as the URL prefix in the format http://<app_name>.azurewebsites.net.

Félicitations, votre application web ASP.NET s’exécute en temps réel dans Azure App Service.Congratulations, your ASP.NET web app is running live in Azure App Service.

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

À partir de l’Explorateur de solutions, ouvrez Views\Home\Index.cshtml.From the Solution Explorer, open Views\Home\Index.cshtml.

Recherchez la balise HTML <div class="jumbotron"> vers le début, puis remplacez la totalité de l’élément par le code suivant :Find the <div class="jumbotron"> HTML tag near the top, and replace the entire element 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>

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.

Sur la page de publication, sélectionnez Publier.On the publish page, select Publish. Page Résumé de la publication Visual StudioVisual Studio publish summary page

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

Accédez au Portail Azure pour gérer l’application web.Go to the Azure portal to manage the web app.

Dans le menu de gauche, sélectionnez App Services, puis sélectionnez le nom de votre application Azure.From the left menu, select App Services, and then select the name of your Azure 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 également des tâches de gestion de base (parcourir, arrêter, démarrer, redémarrer et supprimer des éléments, par exemple).Here, you can perform basic management tasks like browse, stop, start, restart, and delete.

Panneau App Service sur 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.

VidéoVideo

Regardez la vidéo pour voir ce démarrage rapide en action et suivez les étapes pour publier votre première application .NET sur Azure.Watch the video to see this quickstart in action and then follow the steps yourself to publish your first .NET app on Azure.

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 de gauche du portail Azure, cliquez sur Groupes de ressources, puis sur myResourceGroup.From the left menu in the Azure portal, select Resource groups and then select myResourceGroup.

Sur la page Groupes de ressources, assurez-vous que les ressources répertoriées sont bien celles que vous souhaitez supprimer.On the resource group 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