Tutoriel : Création d’une application ASP.NET dans Azure avec SQL DatabaseTutorial: Build an ASP.NET app in Azure with SQL Database

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 tutoriel montre comment déployer une application ASP.NET basée sur des données dans App Service et comment la connecter à Azure SQL Database.This tutorial shows you how to deploy a data-driven ASP.NET app in App Service and connect it to Azure SQL Database. Quand vous avez terminé, vous disposez d’une application ASP.NET s’exécutant dans Azure et connectée à SQL Database.When you're finished, you have an ASP.NET app running in Azure and connected to SQL Database.

Application ASP.NET publiée dans Azure App Service

Ce tutoriel vous montre comment effectuer les opérations suivantes :In this tutorial, you learn how to:

  • Créer une base de données SQL dans AzureCreate a SQL Database in Azure
  • Connecter une application ASP.NET à SQL DatabaseConnect an ASP.NET app to SQL Database
  • Déploiement de l’application dans AzureDeploy the app to Azure
  • Mettre à jour le modèle de données et redéployer l’applicationUpdate the data model and redeploy the app
  • Diffuser des journaux d’activité à partir d’Azure vers votre terminalStream logs from Azure to your terminal
  • Gérer l’application dans le portail AzureManage the app in the Azure portal

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 tutoriel :To complete this tutorial:

Installer Visual Studio 2019 avec la charge de travail Développement ASP.NET et web.Install Visual Studio 2019 with the ASP.NET and web development workload.

Si vous avez déjà installé Visual Studio, ajoutez les charges de travail dans Visual Studio en cliquant sur Outils > Obtenir des outils et des fonctionnalités.If you've installed Visual Studio already, add the workloads in Visual Studio by clicking Tools > Get Tools and Features.

Télécharger l’exempleDownload the sample

Cet exemple de projet contient une simple application CRUD (Create-Read-Update-Delete) ASP.NET MVC basée sur Entity Framework Code First.The sample project contains a basic ASP.NET MVC create-read-update-delete (CRUD) app using Entity Framework Code First.

Exécution de l'applicationRun the app

Ouvrez le fichier dotnet-sqldb-tutorial-master/DotNetAppSqlDb.sln dans Visual Studio.Open the dotnet-sqldb-tutorial-master/DotNetAppSqlDb.sln file in Visual Studio.

Entrez Ctrl+F5 pour exécuter l’application sans débogage.Type Ctrl+F5 to run the app without debugging. L’application s’affiche dans votre navigateur par défaut.The app is displayed in your default browser. Sélectionnez le lien Create New et créez quelques éléments to-do.Select the Create New link and create a couple to-do items.

Boîte de dialogue New ASP.NET Project

Testez les liens Edit, Details et Delete.Test the Edit, Details, and Delete links.

L’application utilise un contexte de base de données pour se connecter à la base de données.The app uses a database context to connect with the database. Dans cet exemple, le contexte de base de données utilise une chaîne de connexion appelée MyDbConnection.In this sample, the database context uses a connection string named MyDbConnection. Cette chaîne de connexion est définie dans le fichier Web.config et référencée dans le fichier Models\MyDatabaseContext.cs.The connection string is set in the Web.config file and referenced in the Models/MyDatabaseContext.cs file. Utilisé plus loin dans ce tutoriel, le nom de chaîne de connexion permet de connecter l’application Azure à une base de données Azure SQL.The connection string name is used later in the tutorial to connect the Azure app to an Azure SQL Database.

Publier dans Azure avec SQL DatabasePublish to Azure with SQL Database

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

Publier à partir de l’Explorateur de solutions

Assurez-vous que Microsoft Azure App Service est sélectionné et cliquez sur Publier.Make sure that Microsoft Azure App Service is selected and click Publish.

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

La publication ouvre la boîte de dialogue Créer App Service, qui vous permet de créer toutes les ressources Azure dont vous avez besoin pour exécuter votre application ASP.NET dans Azure.Publishing opens the Create App Service dialog, which helps you create all the Azure resources you need to run your ASP.NET app in Azure.

Connexion à AzureSign in to Azure

Dans la boîte de dialogue Créer App Service, cliquez sur Ajouter un compte puis connectez-vous à votre abonnement Azure.In the Create App Service dialog, click Add an account, and then sign in to your Azure subscription. Si vous êtes déjà connecté à un compte Microsoft, assurez-vous que le compte conserve votre abonnement Azure.If you're already signed into a Microsoft account, make sure that account holds your Azure subscription. Si le compte Microsoft auquel vous êtes connecté ne comporte pas votre abonnement Azure, cliquez dessus pour ajouter le compte approprié.If the signed-in Microsoft account doesn't have your Azure subscription, click it to add the correct account.

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

Configurer le nom de l’application webConfigure the web app name

Vous pouvez conserver le nom de l’application web généré ou le remplacer par un autre nom unique (les caractères valides sont a-z, 0-9 et -).You can keep the generated web app name, or change it to another unique name (valid characters are a-z, 0-9, and -). Le nom de l’application web est utilisé dans l’URL par défaut de votre application (<app_name>.azurewebsites.net, où <app_name> est le nom de votre application web).The web app name is used as part of the default URL for your app (<app_name>.azurewebsites.net, where <app_name> is your web app name). Le nom de l’application web doit être unique parmi toutes les applications dans Azure.The web app name needs to be unique across all apps in Azure.

Boîte de dialogue Créer App Service

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.

À côté de Groupe de ressources, cliquez sur Nouveau.Next to Resource Group, click New.

À côté de Groupe de ressources, cliquez sur Nouveau.

Attribuez au groupe de ressources le nom myResourceGroup.Name the resource group myResourceGroup.

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)

À côté de Plan App Service, cliquez sur Nouveau.Next to App Service Plan, click New.

Dans la boîte de dialogue Configurer plan App Service configurez le nouveau plan App Service avec les paramètres suivants :In the Configure App Service Plan dialog, configure the new App Service plan with the following settings:

Créer un plan App Service

ParamètreSetting Valeur suggéréeSuggested value Pour plus d’informationsFor more information
Plan App ServiceApp Service Plan myAppServicePlanmyAppServicePlan Plans App ServiceApp Service plans
LieuLocation Europe OuestWest Europe Régions AzureAzure regions
TailleSize GratuitFree Niveaux de tarificationPricing tiers

Créer une instance SQL ServerCreate a SQL Server instance

Pour créer une base de données, il vous faut un serveur logique Azure SQL Database.Before creating a database, you need an Azure SQL Database logical server. Un serveur logique contient un groupe de bases de données gérées en tant que groupe.A logical server contains a group of databases managed as a group.

Cliquez sur Créer une base de données SQL.Click Create a SQL Database.

Création d’une base de données SQL

Dans la boîte de dialogue Configurer la base de données SQL, cliquez sur Nouveau en regard de SQL Server.In the Configure SQL Database dialog, click New next to SQL Server.

Un nom de serveur unique est généré.A unique server name is generated. Ce nom est utilisé dans l’URL par défaut de votre serveur logique, <server_name>.database.windows.net.This name is used as part of the default URL for your logical server, <server_name>.database.windows.net. Il doit être unique parmi toutes les instances de serveur logique dans Azure.It must be unique across all logical server instances in Azure. Vous pouvez modifier le nom du serveur, mais pour ce didacticiel, conservez la valeur générée.You can change the server name, but for this tutorial, keep the generated value.

Ajoutez un nom d’utilisateur administrateur et un mot de passe.Add an administrator username and password. Pour plus d’informations sur la complexité requise des mots de passe, consultez Stratégie de mot de passe.For password complexity requirements, see Password Policy.

Gardez en tête ce nom d'utilisateur et ce mot de passe.Remember this username and password. Vous en aurez besoin pour gérer l’instance de serveur logique ultérieurement.You need them to manage the logical server instance later.

Important

Même si votre mot de passe dans les chaînes de connexion est masqué (dans Visual Studio et également dans App Service), le fait qu’il soit conservé quelque part augmente la surface d’attaque de votre application.Even though your password in the connection strings is masked (in Visual Studio and also in App Service), the fact that it's maintained somewhere adds to the attack surface of your app. App Service peut utiliser des identités de service managées pour éliminer ce risque en supprimant toute nécessité de conserver les secrets dans votre configuration de code ou d’application.App Service can use managed service identities to eliminate this risk by removing the need to maintain secrets in your code or app configuration at all. Pour plus d’informations, consultez Étapes suivantes.For more information, see Next steps.

Créer une instance SQL Server

Cliquez sur OK.Click OK. Ne fermez pas la boîte de dialogue Configurer la base de données SQL tout de suite.Don't close the Configure SQL Database dialog yet.

Création d’une base de données SQLCreate a SQL Database

Dans la boîte de dialogue Configurer la base de données SQL :In the Configure SQL Database dialog:

  • Conservez le Nom de base de données généré par défaut.Keep the default generated Database Name.
  • Dans Nom de la chaîne de connexion, saisissez MyDbConnection.In Connection String Name, type MyDbConnection. Ce nom doit correspondre à la chaîne de connexion référencée dans Models/MyDatabaseContext.cs.This name must match the connection string that is referenced in Models/MyDatabaseContext.cs.
  • Sélectionnez OK.Select OK.

Configurer SQL Database

La boîte de dialogue Créer App Service affiche les ressources que vous avez configurées.The Create App Service dialog shows the resources you've configured. Cliquez sur Créer.Click Create.

les ressources que vous avez créées

Une fois que l’Assistant a créé les ressources Azure, il publie votre application ASP.NET sur Azure.Once the wizard finishes creating the Azure resources, it publishes your ASP.NET app to Azure. Votre navigateur par défaut démarre et se connecte à l’URL de l’application déployée.Your default browser is launched with the URL to the deployed app.

Ajoutez quelques tâches.Add a few to-do items.

Application ASP.NET publiée dans une application Azure

Félicitations !Congratulations! Votre application ASP.NET orientée données s’exécute dans Azure App Service.Your data-driven ASP.NET application is running live in Azure App Service.

Accéder à SQL Database en localAccess the SQL Database locally

Visual Studio vous permet d’explorer et de gérer facilement votre nouvelle instance SQL Database dans l’Explorateur d’objets SQL Server.Visual Studio lets you explore and manage your new SQL Database easily in the SQL Server Object Explorer.

Créer une connexion à la base de donnéesCreate a database connection

Dans le menu Vue, sélectionnez Explorateur d’objets SQL Server.From the View menu, select SQL Server Object Explorer.

En haut de l’Explorateur d’objets SQL Server, cliquez sur le bouton Ajouter SQL Server.At the top of SQL Server Object Explorer, click the Add SQL Server button.

Configurer la connexion à la base de donnéesConfigure the database connection

Dans la boîte de dialogue Se connecter, développez le nœud Azure.In the Connect dialog, expand the Azure node. Toutes vos instances SQL Database dans Azure sont répertoriées ici.All your SQL Database instances in Azure are listed here.

Sélectionnez l’instance SQL Database que vous avez créée précédemment.Select the SQL Database that you created earlier. La connexion que vous avez créée apparaît automatiquement en bas de la page.The connection you created earlier is automatically filled at the bottom.

Entrez le mot de passe de l’administrateur de base de données que vous avez créé, puis cliquez sur Se connecter.Type the database administrator password you created earlier and click Connect.

Configurer la connexion à la base de données à partir de Visual Studio

Autoriser une connexion client à partir de votre ordinateurAllow client connection from your computer

La boîte de dialogue Créer une nouvelle règle de pare-feu s’ouvre.The Create a new firewall rule dialog is opened. Par défaut, votre instance SQL Database n’autorise que les connexions provenant de services Azure, comme votre application Azure.By default, your SQL Database instance only allows connections from Azure services, such as your Azure app. Pour vous connecter à votre base de données, créez une règle de pare-feu dans l’instance SQL Database.To connect to your database, create a firewall rule in the SQL Database instance. Cette règle de pare-feu autorise l’adresse IP publique de votre ordinateur local.The firewall rule allows the public IP address of your local computer.

La boîte de dialogue contient déjà l’adresse IP de votre ordinateur.The dialog is already filled with your computer's public IP address.

Assurez-vous que la case Ajouter mon adresse IP cliente est cochée, puis cliquez sur OK.Make sure that Add my client IP is selected and click OK.

Configuration du pare-feu pour l’instance SQL Database

Lorsque Visual Studio a créé le paramètre de pare-feu pour votre instance SQL Database, votre connexion s’affiche dans l’Explorateur d’objets SQL Server.Once Visual Studio finishes creating the firewall setting for your SQL Database instance, your connection shows up in SQL Server Object Explorer.

Ici, vous pouvez effectuer les opérations de base de données les plus courantes, par exemple exécuter des requêtes, créer des vues et des procédures stockées, etc.Here, you can perform the most common database operations, such as run queries, create views and stored procedures, and more.

Développez votre connexion > Bases de données > <votre base de données > > Tables.Expand your connection > Databases > <your database> > Tables. Cliquez avec le bouton droit sur la table Todoes, puis sélectionnez Afficher les données.Right-click on the Todoes table and select View Data.

Explorer les objets SQL Database

Mettre à jour l’application avec les Code First MigrationsUpdate app with Code First Migrations

Vous pouvez utiliser les outils que vous connaissez dans Visual Studio pour mettre à jour votre base de données et votre application dans Azure.You can use the familiar tools in Visual Studio to update your database and app in Azure. Dans cette étape, vous allez utiliser des Code First Migrations dans Entity Framework pour apporter une modification à votre schéma de base de données et la publier sur Azure.In this step, you use Code First Migrations in Entity Framework to make a change to your database schema and publish it to Azure.

Pour plus d’informations sur l’utilisation de Migrations Entity Framework Code First, consultez Getting Started with Entity Framework 6 Code First using MVC 5 (Mise en route avec Entity Framework 6 Code First à l’aide de MVC 5).For more information about using Entity Framework Code First Migrations, see Getting Started with Entity Framework 6 Code First using MVC 5.

Mettre à jour votre modèle de donnéesUpdate your data model

Ouvrez Models\Todo.cs dans l’éditeur de code.Open Models\Todo.cs in the code editor. Ajoutez la propriété suivante à la classe ToDo :Add the following property to the ToDo class:

public bool Done { get; set; }

Exécuter la fonction Code First Migrations en localRun Code First Migrations locally

Exécutez quelques commandes pour mettre à jour votre base de données locale.Run a few commands to make updates to your local database.

Dans le menu Outils, cliquez sur Gestionnaire de package NuGet > Console du Gestionnaire de package.From the Tools menu, click NuGet Package Manager > Package Manager Console.

Dans la fenêtre de Console du Gestionnaire de package, activez les Migrations Code First :In the Package Manager Console window, enable Code First Migrations:

Enable-Migrations

Ajoutez une migration :Add a migration:

Add-Migration AddProperty

Mettez à jour la base de données locale :Update the local database:

Update-Database

Entrez Ctrl+F5 pour exécuter l’application.Type Ctrl+F5 to run the app. Testez les liens de modification, de détails et de création.Test the edit, details, and create links.

Si l’application se charge sans erreur, cela signifie que la fonction Code First Migrations a réussi.If the application loads without errors, then Code First Migrations has succeeded. Votre page garde cependant le même aspect car votre logique d’application n’utilise pas encore cette nouvelle propriété.However, your page still looks the same because your application logic is not using this new property yet.

Utiliser la nouvelle propriétéUse the new property

Apportez quelques modifications à votre code pour utiliser la propriété Done.Make some changes in your code to use the Done property. Pour plus de simplicité dans ce didacticiel, vous allez uniquement modifier les vues Index et Create pour voir la propriété en action.For simplicity in this tutorial, you're only going to change the Index and Create views to see the property in action.

Ouvrez Controllers\TodosController.cs.Open Controllers\TodosController.cs.

Recherchez la méthode Create() à la ligne 52 et ajoutez Done à la liste des propriétés dans l’attribut Bind.Find the Create() method on line 52 and add Done to the list of properties in the Bind attribute. Lorsque vous avez terminé, la signature de votre méthode Create() doit ressembler à ceci :When you're done, your Create() method signature looks like the following code:

public ActionResult Create([Bind(Include = "Description,CreatedDate,Done")] Todo todo)

Ouvrez Views\Todos\Create.cshtml.Open Views\Todos\Create.cshtml.

Dans le code Razor, vous devriez voir un élément <div class="form-group"> qui utilise model.Description et un autre élément <div class="form-group"> qui utilise model.CreatedDate.In the Razor code, you should see a <div class="form-group"> element that uses model.Description, and then another <div class="form-group"> element that uses model.CreatedDate. Juste après ces deux éléments, ajoutez un autre élément <div class="form-group"> qui utilise model.Done :Immediately following these two elements, add another <div class="form-group"> element that uses model.Done:

<div class="form-group">
    @Html.LabelFor(model => model.Done, htmlAttributes: new { @class = "control-label col-md-2" })
    <div class="col-md-10">
        <div class="checkbox">
            @Html.EditorFor(model => model.Done)
            @Html.ValidationMessageFor(model => model.Done, "", new { @class = "text-danger" })
        </div>
    </div>
</div>

Ouvrez Views\Todos\Index.cshtml.Open Views\Todos\Index.cshtml.

Recherchez l’élément <th></th> vide.Search for the empty <th></th> element. Juste au-dessus de cet élément, ajoutez le code Razor suivant :Just above this element, add the following Razor code:

<th>
    @Html.DisplayNameFor(model => model.Done)
</th>

Recherchez l’élément <td> contenant les méthodes d’assistance Html.ActionLink().Find the <td> element that contains the Html.ActionLink() helper methods. Au-dessus de ce <td>, ajoutez un autre élément <td> avec le code Razor suivant :Above this <td>, add another <td> element with the following Razor code:

<td>
    @Html.DisplayFor(modelItem => item.Done)
</td>

Voilà tout ce que vous avez à faire pour voir les modifications dans les vues Index et Create.That's all you need to see the changes in the Index and Create views.

Entrez Ctrl+F5 pour exécuter l’application.Type Ctrl+F5 to run the app.

Vous pouvez maintenant ajouter un élément de tâche et cocher Terminé.You can now add a to-do item and check Done. Cette tâche devrait ensuite apparaître dans votre page d’accueil comme un élément terminé.Then it should show up in your homepage as a completed item. N’oubliez pas que la vue Edit n’affiche pas le champ Done, car vous n’avez pas modifié la vue Edit.Remember that the Edit view doesn't show the Done field, because you didn't change the Edit view.

Activer Code First Migrations dans AzureEnable Code First Migrations in Azure

Maintenant que votre modification de code fonctionne, y compris la migration de la base de données, vous allez la publier dans votre application Azure et mettre également à jour votre instance SQL Database avec les Migrations Code First.Now that your code change works, including database migration, you publish it to your Azure app and update your SQL Database with Code First Migrations too.

Comme précédemment, cliquez avec le bouton droit sur votre projet et sélectionnez Publier.Just like before, right-click your project and select Publish.

Cliquez sur Configurer pour ouvrir les paramètres de publication.Click Configure to open the publish settings.

Ouvrir les paramètres de publication

Dans l’assistant, cliquez sur Suivant.In the wizard, click Next.

Assurez-vous que la chaîne de connexion pour votre instance SQL Database est renseignée dans MyDatabaseContext (MyDbConnection).Make sure that the connection string for your SQL Database is populated in MyDatabaseContext (MyDbConnection). Vous devrez peut-être sélectionner la base de données myToDoAppDb dans la liste déroulante.You may need to select the myToDoAppDb database from the dropdown.

Sélectionnez Exécuter les migrations Code First (s’exécute au démarrage de l’application), puis cliquez sur Enregistrer.Select Execute Code First Migrations (runs on application start), then click Save.

Activer les Migrations Code First dans l’application Azure

Publier vos modificationsPublish your changes

Maintenant que vous avez activé les Migrations Code First dans votre application Azure, publiez vos modifications du code.Now that you enabled Code First Migrations in your Azure app, publish your code changes.

Dans la page de publication, cliquez sur Publier.In the publish page, click Publish.

Essayez d’ajouter à nouveau des tâches et de sélectionner Terminé : elles doivent apparaître dans votre page d’accueil comme éléments terminés.Try adding to-do items again and select Done, and they should show up in your homepage as a completed item.

Application Azure après l’activation des Migrations Code First

Toutes les tâches existantes sont toujours affichées.All your existing to-do items are still displayed. Lorsque vous republiez votre application ASP.NET, les données existantes dans votre instance SQL Database ne sont pas perdues.When you republish your ASP.NET application, existing data in your SQL Database is not lost. En outre, Code First Migrations modifie uniquement le schéma de données, sans toucher à vos données existantes.Also, Code First Migrations only changes the data schema and leaves your existing data intact.

Diffuser les journaux d’activité d’applicationsStream application logs

Vous pouvez diffuser des messages de suivi directement entre votre application Azure et Visual Studio.You can stream tracing messages directly from your Azure app to Visual Studio.

Ouvrez Controllers\TodosController.cs.Open Controllers\TodosController.cs.

Chaque action commence par une méthode Trace.WriteLine().Each action starts with a Trace.WriteLine() method. Ce code est ajouté pour vous montrer comment ajouter des messages de suivi à votre application Azure.This code is added to show you how to add trace messages to your Azure app.

Ouvrir l’Explorateur de serveursOpen Server Explorer

Dans le menu Vue, sélectionnez Explorateur de serveurs.From the View menu, select Server Explorer. Vous pouvez configurer la journalisation pour votre application Azure dans l’Explorateur de serveurs.You can configure logging for your Azure app in Server Explorer.

Activer la diffusion de journauxEnable log streaming

Dans l’Explorateur de serveurs, développez Azure > App Service.In Server Explorer, expand Azure > App Service.

Développez le groupe de ressources myResourceGroup que vous avez créé quand vous avez créé l’application Azure.Expand the myResourceGroup resource group, you created when you first created the Azure app.

Cliquez avec le bouton droit sur votre application Azure et sélectionnez Afficher les journaux d’activité de streaming.Right-click your Azure app and select View Streaming Logs.

Activer la diffusion de journaux

Les journaux d’activité sont maintenant transmis à la fenêtre Sortie.The logs are now streamed into the Output window.

Diffusion des journaux dans la fenêtre Sortie

Vous ne pourrez cependant pas visualiser les messages de suivi à ce stade.However, you don't see any of the trace messages yet. La raison est simple : quand vous sélectionnez Afficher les journaux d’activité de streaming, votre application Azure définit le niveau de suivi sur Error, ce qui enregistre uniquement les événements d’erreur (avec la méthode Trace.TraceError()).That's because when you first select View Streaming Logs, your Azure app sets the trace level to Error, which only logs error events (with the Trace.TraceError() method).

Modifier les niveaux de suiviChange trace levels

Pour modifier les niveaux de suivi pour générer d’autres messages de suivi, revenez à l’Explorateur de serveurs.To change the trace levels to output other trace messages, go back to Server Explorer.

Cliquez à nouveau avec le bouton droit sur votre application Azure et sélectionnez Afficher les paramètres.Right-click your Azure app again and select View Settings.

Dans la liste déroulante Journal des applications (Système de fichiers), sélectionnez Détaillé.In the Application Logging (File System) dropdown, select Verbose. Cliquez sur Enregistrer.Click Save.

Définir le niveau de suivi sur Détaillé

Conseil

Vous pouvez expérimenter différents niveaux de suivi pour connaître les types de messages qui s’affichent pour chaque niveau.You can experiment with different trace levels to see what types of messages are displayed for each level. Par exemple, le niveau Informations inclut tous les journaux d’activité créés par Trace.TraceInformation(), Trace.TraceWarning(), et Trace.TraceError(), mais pas les journaux d’activité créés par Trace.WriteLine().For example, the Information level includes all logs created by Trace.TraceInformation(), Trace.TraceWarning(), and Trace.TraceError(), but not logs created by Trace.WriteLine().

Dans votre navigateur, accédez à nouveau à votre application à http://<nom_de_votre_application>.azurewebsites.net, puis essayez de cliquer autour de l’application de la liste des tâches dans Azure.In your browser navigate to your app again at http://<your app name>.azurewebsites.net, then try clicking around the to-do list application in Azure. Les messages de suivi sont maintenant diffusés vers la fenêtre Sortie dans Visual Studio.The trace messages are now streamed to the Output window in Visual Studio.

Application: 2017-04-06T23:30:41  PID[8132] Verbose     GET /Todos/Index
Application: 2017-04-06T23:30:43  PID[8132] Verbose     GET /Todos/Create
Application: 2017-04-06T23:30:53  PID[8132] Verbose     POST /Todos/Create
Application: 2017-04-06T23:30:54  PID[8132] Verbose     GET /Todos/Index

Arrêter la diffusion de journauxStop log streaming

Pour arrêter le service de diffusion de journaux, cliquez sur le bouton Arrêter l’analyse situé dans la fenêtre Sortie.To stop the log-streaming service, click the Stop monitoring button in the Output window.

Arrêter la diffusion de journaux

Gérer votre application AzureManage your Azure app

Accédez au portail Azure pour voir l’application que vous avez créée.Go to the Azure portal to see the app you created.

Dans le menu de gauche, cliquez sur App Service, puis cliquez sur le nom de votre application Azure.From the left menu, click App Service, then click the name of your Azure app.

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

Vous accédez à la page de votre application.You have landed in your app's page.

Par défaut, le portail affiche la page Vue d’ensemble.By default, the portal shows the Overview page. Cette page propose un aperçu de votre application.This page gives you a view of how your app is doing. Ici, vous pouvez également effectuer des tâches de gestion de base (parcourir, arrêter, démarrer, redémarrer et supprimer des éléments, par exemple).Here, you can also perform basic management tasks like browse, stop, start, restart, and delete. Les onglets sur le côté gauche de la page affichent les différentes pages de configuration que vous pouvez ouvrir.The tabs on the left side of the page show the different configuration pages you can open.

Page App Service du Portail 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.

  1. Sur la page Vue d’ensemble de votre application web dans le Portail Azure, sélectionnez le lien myResourceGroup sous Groupe de ressources.From your web app's Overview page in the Azure portal, select the myResourceGroup link under Resource group.
  2. Sur la page du groupe 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.
  3. 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

Dans ce tutoriel, vous avez appris à :In this tutorial, you learned how to:

  • Créer une base de données SQL dans AzureCreate a SQL Database in Azure
  • Connecter une application ASP.NET à SQL DatabaseConnect an ASP.NET app to SQL Database
  • Déploiement de l’application dans AzureDeploy the app to Azure
  • Mettre à jour le modèle de données et redéployer l’applicationUpdate the data model and redeploy the app
  • Diffuser des journaux d’activité à partir d’Azure vers votre terminalStream logs from Azure to your terminal
  • Gérer l’application dans le portail AzureManage the app in the Azure portal

Passez au tutoriel suivant pour apprendre à améliorer facilement la sécurité de votre connexion à la base de données Azure SQL.Advance to the next tutorial to learn how to easily improve the security of your connection Azure SQL Database.