Exercice - Configurer votre environnement de développement avec Visual Studio Code
Avant de développer des applications modernes avec Azure, vous devez installer et configurer certains outils sur votre ordinateur de développement.
Dans le scénario de localisation de bus, vous allez utiliser plusieurs de ces outils pour créer l’architecture de microservices.
Configurer votre ordinateur local pour le développement avec Azure
Ici, vous allez apprendre à télécharger les derniers outils et extensions recommandés. Vous configurerez également l’exemple de code sur votre ordinateur local et sélectionnerez un langage pour le reste du module (Python, Node.js ou .NET Core).
Exécuter des cycles de vie d’application avec Visual Studio Code
Vous allez utiliser Visual Studio Code comme principal outil de développement. Vous êtes libre de recourir à un autre outil pour les exercices, mais sachez que les instructions fournies seront basées sur les fonctionnalités et les options de Visual Studio Code.
Visual Studio Code est disponible sur tous les systèmes d’exploitation. Accédez à la page de téléchargement de Visual Studio Code, puis téléchargez/installez l’application correspondant à votre système d’exploitation.
Téléchargez et installez Azure Functions Core Tools. Ces outils vous permettent d’exécuter Azure Functions localement.
Ouvrez le volet Extensions à partir de la barre d’activités. Nous vous recommandons d’installer les extensions suivantes :
- Compte Azure : cette extension vous permet de vous authentifier auprès d’Azure.
- Azure Functions : cette extension vous permet de gérer Azure Functions.
- Problèmes et demandes de tirage GitHub : cette extension vous permet de vous authentifier auprès de GitHub et de gérer les dépôts.
- Ressources Azure : cette extension vous permet de gérer les ressources Azure.
- SQL Server (mssql) : cette extension comprend des outils permettant d’interroger des ressources SQL Server et Azure SQL.
- Microsoft Live Preview: Cette extension vous permet d’exécuter facilement des applications web en local.
L’exemple de code principal est hébergé sur GitHub. Connectez-vous à GitHub dans Visual Studio Code avec votre compte GitHub pour pouvoir cloner, valider, pousser (push) et tirer (pull) dans Visual Studio Code. Si vous n’avez pas de compte GitHub, créez-en un ici.
Vous devez dupliquer (fork) et cloner le dépôt GitHub pour pouvoir y accéder dans Visual Studio Code. Pour effectuer cette étape, connectez-vous à GitHub dans un navigateur avec votre compte GitHub, puis accédez au dépôt Azure Samples serverless-full-stack-apps-azure-sql. Sélectionnez Fork.
Sélectionnez Code et copiez l’URL de clonage HTTPS, par exemple,
https://github.com/<github-username>/serverless-full-stack-apps-azure-sql.git.De retour dans Visual Studio Code, sélectionnez le volet Contrôle de code source dans la barre d’activités.
Sélectionnez le bouton Cloner le dépôt et entrez l’URL copiée lors d’une étape précédente. Sélectionnez l’emplacement où vous souhaitez que le dépôt soit copié localement. Il s’agit probablement d’un dossier local tel que C:\GitHub. Ne choisissez pas d’emplacement synchronisé par OneDrive pour les dépôts Git. Cette étape permet de télécharger le dépôt sur votre ordinateur local.
Sélectionnez Ouvrir lorsque Visual Studio Code vous demande si vous souhaitez ouvrir le dépôt cloné. Cette étape ouvre le dossier dans votre session Visual Studio Code.
Sélectionnez le volet Explorateur à partir de la barre d’activités. Vérifiez que vous voyez les fichiers du dépôt.
Créer des solutions de données et y accéder avec Azure Data Studio
Azure Data Studio est une application open source, qui permet de gérer divers services de données (SQL Server, Azure SQL, PostgreSQL, etc.) sur n’importe quelle plateforme (Windows, Mac, Linux). Dans ce module, vous allez utiliser Azure Data Studio pour gérer Azure SQL Database et accéder aux fonctionnalités de notebook. Un notebook est un document qui combine les cellules de code exécutable et les cellules de texte dans un fichier .ipynb.
Accédez à la page de téléchargement d’Azure Data Studio, puis téléchargez/installez l’application correspondant à votre système d’exploitation.
La disposition d’Azure Data Studio est similaire à celle de Visual Studio Code. Sélectionnez Fichier>Ouvrir le dossier, puis accédez à l’emplacement où vous avez cloné le dépôt. Cette étape ouvre le dossier dans Azure Data Studio pour que vous puissiez accéder facilement aux fichiers de dépôt dans les exercices ultérieurs.
Sélectionnez le volet Explorateur à partir de la barre d’activités. Vérifiez que vous voyez les fichiers du dépôt.