Tutoriel : Déployer une application ASP.NET sur Azure avec Azure SQL DatabaseTutorial: Deploy an ASP.NET app to Azure with Azure 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

Dans ce tutoriel, vous allez apprendre à :In this tutorial, you learn how to:

  • Créer une base de données dans Azure SQL Database.Create a database in Azure SQL Database
  • 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
  • Mise à jour du modèle de données et redéploiement de 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

  1. Téléchargez l’exemple de projet.Download the sample project.

  2. Extrayez (décompressez) le fichier dotnet-sqldb-tutorial-master.zip.Extract (unzip) the dotnet-sqldb-tutorial-master.zip file.

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écuter l’applicationRun the app

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

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

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

  4. 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 l’application ASP.NET sur AzurePublish ASP.NET application to Azure

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

  2. Sélectionnez Azure comme cible, puis cliquez sur Suivant.Select Azure as your target and click Next.

  3. Vérifiez que Azure App Service (Windows) est sélectionné et cliquez sur Suivant.Make sure that Azure App Service (Windows) is selected and click Next.

Se connecter et ajouter une applicationSign in and add an app

  1. Dans la boîte de dialogue Publier, cliquez sur Ajouter un compte dans la liste déroulante du gestionnaire de comptes.In the Publish dialog, click Add an account from the account manager drop down.

  2. Connectez-vous à votre abonnement Azure.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.

  3. Dans le volet Instances App Service, cliquez sur + .In the App Service instances pane, click +.

    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.

Notes

Ne sélectionnez pas encore Créer.Don't select Create yet.

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ées et managées.A resource group is a logical container into which Azure resources, such as 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.

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

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

  2. 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 quand vous hébergez plusieurs applications en configurant les applications web pour partager un plan App Service.You can save money when you host 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)
  1. À côté de Plan d’hébergement, cliquez sur Nouveau.Next to Hosting Plan, click New.

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

    ParamètreSetting Valeur suggéréeSuggested value Informations supplémentairesFor 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 un plan App Service

  3. Cliquez sur Créer et attendez que les ressources Azure soient créées.Click Create and wait for the Azure resources to be created.

  4. La boîte de dialogue Publier affiche les ressources que vous avez configurées.The Publish dialog shows the resources you've configured. Cliquez sur Terminer.Click Finish.

    les ressources que vous avez créées

Créer un serveur et une base de donnéesCreate a server and database

Avant de créer une base de données, vous avez besoin d’un serveur SQL logique.Before creating a database, you need a logical SQL server. Un serveur SQL logique est une construction logique qui contient un groupe de bases de données gérées en tant que groupe.A logical SQL server is a logical construct that contains a group of databases managed as a group.

  1. Dans la boîte de dialogue Publier, faites défiler jusqu’à la section Dépendances du service.In the Publish dialog, scroll down to the Service Dependencies section. À côté de Base de données SQL Server, cliquez sur Configurer.Next to SQL Server Database, click Configure.

    Configurer une référence SQL Database

  2. Sélectionnez Azure SQL Database, puis cliquez sur Suivant.Select Azure SQL Database and click Next.

  3. Dans la boîte de dialogue Configurer Azure SQL Database, cliquez sur +  :In the Configure Azure SQL Database dialog, click +.

  4. À côté de Serveur de base de données, cliquez sur Nouveau.Next to Database server, click New.

    Un nom de serveur est généré.A server name is generated. Ce nom est utilisé dans l’URL par défaut de votre serveur, <server_name>.database.windows.net.This name is used as part of the default URL for your server, <server_name>.database.windows.net. Il doit être unique parmi tous les serveurs dans Azure SQL.It must be unique across all servers in Azure SQL. 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.

  5. 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 le serveur ultérieurement.You need them to manage the server later.

    Créer un serveur

    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.

  6. Cliquez sur OK.Click OK.

  7. Dans la boîte de dialogue Azure SQL Database, conservez le Nom de la base de données généré par défaut.In the Azure SQL Database dialog, keep the default generated Database Name. Sélectionnez Créer et attendez que la ressource de base de données soit créée.Select Create and wait for the database resources to be created.

    Configurer la base de données

Configurer la chaîne de connexion de base de donnéesConfigure database connection

  1. Lorsque l’Assistant a terminé de créer les ressources de base de données, cliquez sur Suivant.When the wizard finishes creating the database resources, click Next.

  2. Dans Nom de la chaîne de connexion de base de données, tapez MyDbConnection.In the Database 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.

  3. Dans Nom d’utilisateur de connexion de base de données et Mot de passe de connexion de base de données, tapez le nom d’utilisateur et le mot de passe de l’administrateur que vous avez utilisés dans Créer un serveur.In Database connection user name and Database connection password, type the administrator username and password you used in Create a server.

  4. Vérifiez que Paramètres d’application Azure est sélectionné et cliquez sur Terminer.Make sure Azure App Settings is selected and click Finish.

    Configurer la chaîne de connexion de base de données

  5. Attendez la fin de l’Assistant Configuration, puis cliquez sur Fermer.Wait for configuration wizard to finish and click Close.

Déployer votre application ASP.NETDeploy your ASP.NET app

  1. Sous l’onglet Publier, faites défiler la liste vers le haut et cliquez sur Publier.In the Publish tab scroll back up to the top and click Publish. Une fois votre application ASP.NET déployée sur Azure.Once your ASP.NET app is deployed 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.

  2. 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 à la base de données localementAccess the database locally

Visual Studio vous permet d’explorer et de gérer facilement votre nouvelle base de données dans Azure à l’aide de l’Explorateur d’objets SQL Server.Visual Studio lets you explore and manage your new database in Azure easily in the SQL Server Object Explorer. La nouvelle base de données a déjà ouvert son pare-feu sur l’application App Service que vous avez créée, mais pour y accéder à partir de votre ordinateur local (par exemple à partir de Visual Studio), vous devez ouvrir un pare-feu pour l’adresse IP publique de votre ordinateur local.The new database already opened its firewall to the App Service app that you created, but to access it from your local computer (such as from Visual Studio), you must open a firewall for your local machine's public IP address. Si votre fournisseur de services Internet change votre adresse IP publique, vous devez reconfigurer le pare-feu pour accéder à nouveau à la base de données Azure.If your internet service provider changes your public IP address, you need to reconfigure the firewall to access the Azure database again.

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

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

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

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

  2. Sélectionnez la base de données que vous avez créée.Select the 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.

  3. 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, un serveur autorise les connexions à ses bases de données uniquement à partir de services Azure, comme votre application Azure.By default, a server only allows connections to its databases from Azure services, such as your Azure app. Pour vous connecter à votre base de données en dehors d’Azure, créez une règle de pare-feu au niveau du serveur.To connect to your database from outside of Azure, create a firewall rule at the server level. 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.

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

    Créer une règle de pare-feu

    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.

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

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

  2. 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
    
  3. Ajoutez une migration :Add a migration:

    Add-Migration AddProperty
    
  4. Mettez à jour la base de données locale :Update the local database:

    Update-Database
    
  5. 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.

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

  2. 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)
    
  3. Ouvrez Views\Todos\Create.cshtml.Open Views\Todos\Create.cshtml.

  4. 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>
    
  5. Ouvrez Views\Todos\Index.cshtml.Open Views\Todos\Index.cshtml.

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

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

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

  2. Cliquez sur Autres actions > Modifier pour ouvrir les paramètres de publication.Click More actions > Edit to open the publish settings.

    Ouvrir les paramètres de publication

  3. Dans la liste déroulante MyDatabaseContext, sélectionnez la connexion de base de données pour votre base de données Azure SQL.In the MyDatabaseContext dropdown, select the database connection for your Azure SQL Database.

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

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

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

Activer la diffusion de journauxEnable log streaming

  1. Dans le menu Affichage, sélectionnez Cloud Explorer.From the View menu, select Cloud Explorer.

  2. Dans Cloud Explorer, développez l’abonnement Azure qui contient votre application et développez App Service.In Cloud Explorer, expand the Azure subscription that has your app and expand App Service.

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

  1. Pour changer les niveaux de suivi afin de générer d’autres messages de suivi, revenez à Cloud Explorer.To change the trace levels to output other trace messages, go back to Cloud Explorer.

  2. Cliquez à nouveau avec le bouton droit sur votre application, puis sélectionnez Ouvrir dans le portail.Right-click your app again and select Open in Portal.

  3. Dans la page de gestion de votre application du portail, dans le menu de gauche, sélectionnez Journaux App Service.In the portal management page for your app, from the left menu, select App Service logs.

  4. Sous Journal des applications (système de fichiers) , sélectionnez Commentaires dans Niveau.Under Application Logging (File System), select Verbose in Level. 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().

  5. 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 gérer l’application web.Go to the Azure portal to manage the web app. Recherchez et sélectionnez App Services.Search for and select App Services.

Rechercher Azure App Services

Sélectionnez le nom de votre application Azure.Select 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

Nettoyer les 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 didacticiel, vous avez appris à :In this tutorial, you learned how to:

  • Créer une base de données dans Azure SQL Database.Create a database in Azure SQL Database
  • 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
  • Mise à jour du modèle de données et redéploiement de 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.

Autres ressources :More resources:

Vous souhaitez optimiser et réduire vos coûts de cloud ?Want to optimize and save on your cloud spending?