Outils pour les développeurs JavaScript sur Azure
JavaScript est un écosystème de nombreux outils. Cet article présente une sélection d’outils développés et tenus à jour par Microsoft pour les développeurs JavaScript. Vous n'avez pas besoin d'utiliser ces outils pour utiliser Azure, ils améliorent simplement l'expérience, à la fois en termes de fonctionnalité et d'assistance.
Portail Azure
Le portail Azure vous donne accès à tous les abonnements et ressources de votre compte.
Visual Studio Code
Visual Studio Code est l’IDE à privilégier pour le développement JavaScript pour Azure. L’interface, les fonctionnalités et les extensions fonctionnent ensemble afin de raccourcir le temps de développement et de réduire la frustration liée au développement.
Créez un espace de travail de projet à la racine de votre projet de développement local, puis ajoutez toutes les configurations, paramètres et extensions appropriés. Archivez le fichier d’espace de travail avec le projet afin que chaque membre de l’équipe ait accès aux paramètres et aux outils dont il a besoin pour le projet.
Visual Studio Code procure plusieurs avantages :
- Il affiche la documentation de référence Azure inline
- Il fournit la saisie semi-automatique des instructions
- Les types ou objets ambigus sont peu nombreux
Visual Studio Code fournit une abondante documentation pour l'utilisation de projets JavaScript.
Outils pour les services Azure
Utilisez les extensions gratuites suivantes pour utiliser des services Azure directement dans Visual Studio Code.
| Service | Outils | Description |
|---|---|---|
| Services principaux | Extension Visual Studio Code | Collection d’extensions. Obtenez tous les principaux services Azure dans cette seule extension de Microsoft. |
| Groupe de ressources Azure | Extension Visual Studio Code Azure CLI |
Afficher et gérer des ressources Azure. Tutoriel : Déployer une application MongoDB Express.js sur App Service à partir de Visual Studio Code Tutoriel : Ajouter la Recherche cognitive à un site web |
| Azure Static Web Apps | Extension Visual Studio Code Interface CLI SWA |
Créez et gérez des applications Web statiques Azure à l'aide de l'extension VS Code ou de la CLI Static Web Apps (SWA CLI). L'extension VS Code s'intègre à l'éditeur, tandis que la SWA CLI simule les services Azure localement. |
| Azure Functions | Extension Visual Studio Code Azure CLI Package npm |
Créer, gérer, afficher, déboguer et déployer des fonctions Démarrage rapide : Créer une fonction JavaScript dans Azure à l’aide de Visual Studio Code |
| Azure Container Apps | Extension Visual Studio Code Azure CLI containerapp |
Azure Container Apps vous permet d'exécuter des microservices et des applications conteneurisées sur une plateforme sans serveur. Gérez vos applications conteneurisées, déployez de nouvelles versions et surveillez les performances. Tutoriel : Déployer une application de microservice frontend. Tutoriel : Déployer une application de microservice backend. |
| Azure Cosmos DB | Extension de Visual Studio Code Azure CLI |
Créer, parcourir et mettre à jour des bases de données multimodèles mondialement distribuées dans Azure. Démarrage rapide : Connecter Azure Functions à Azure Cosmos DB avec Visual Studio Code |
| Stockage | Extension Visual Studio Code Azure CLI Émulateur de stockage - Azurite |
Stockage Azure comprenant des conteneurs d’objets blob, des partages de fichiers, des tables et des files d’attente Démarrage rapide : Connecter Azure Functions au Stockage Azure avec Visual Studio Code |
Pour voir toutes les extensions Azure, utilisez ce lien :
TypeScript
TypeScript offre toutes les fonctionnalités de JavaScript, et fournit un système de types solide mais flexible.
TypeScript et les bibliothèques de client du SDK Azure
La documentation de référence de la bibliothèque de client du SDK Azure est écrite pour TypeScript, car les bibliothèques de client sont écrites avec TypeScript. Vous n’êtes pas obligé d’utiliser TypeScript pour utiliser les bibliothèques de client du SDK Azure.
Apprenez-en davantage sur les recommandations relatives à TypeScript pour le SDK Azure.
Déploiement
Le premier outil de déploiement pour Azure est Azure Development CLI. Cet outil vous permet de créer et de configurer vos services Azure avec Bicep ou Terraform, puis de déployer votre code source.
Utilisez Awesome AZD pour trouver des échantillons déployables afin de comprendre les solutions de bout en bout pour Azure.
Outils d'intégration et de test continus (CICD)
Les outils d'intégration suivants pour la construction et le déploiement augmentent la productivité de votre pipeline.
- Git ou Git pour Windows
- Actions GitHub
- Intégration d’Azure Pipelines
conteneurs
Si vous recherchez une image Docker spécifique à Microsoft ou à Azure, utilisez le Microsoft Container Registry (MRC) pour interroger une image.
Outils pour les conteneurs
Outils pour les conteneurs de développement
Azure CLI
Azure CLI est optimisé pour gérer les ressources Azure à partir de la ligne de commande.
Azure CLI fournit les scénarios d’utilisation suivants :
Si vous utilisez le portail Azure, Azure CLI est disponible dans le portail à partir de la barre de navigation supérieure.
Exemples d’applications, de code et d’extraits de code
L’organisation GitHub, Azure-Samples, contient de nombreux exemples sur les produits et services proposés par Azure. Utilisez le navigateur d’exemples Azure pour trouver un exemple qui répond à vos besoins.
Il y a d’autres exemples :
- Exemples SDK Azure pour JS
- Exemples Microsoft Authentication Library pour JS (MSAL.js)
- Exemples JavaScript de bout en bout
Playwright
Playwright est une bibliothèque Node.js pour automatiser Chromium, Firefox et WebKit avec une seule API. Playwright est conçu pour activer l’automatisation web multinavigateur qui est durable, efficace, fiable et rapide.
Rush
Rush est un gestionnaire monodépôt évolutif pour le web.
Terminal Windows
Le terminal Windows vous permet d’accéder à plusieurs types de terminaux à partir de la même application Windows, y compris Azure CLI et Ubuntu. Utilisez cet outil pour développer et tester des scripts bash CICD avant d'utiliser ces scripts dans des actions GitHub ou un autre pipeline.
Sous-système Windows pour Linux
Le sous-système Windows pour Linux permet aux développeurs d’exécuter un environnement GNU/Linux (et notamment la plupart des utilitaires, applications et outils en ligne de commande) directement sur Windows, sans modification et tout en évitant la surcharge d’une machine virtuelle traditionnelle ou d’une configuration à double démarrage.
Conseils et astuces pour les développeurs JavaScript Azure
La liste suivante répertorie les conseils et astuces que les développeurs Azure doivent connaître pour être plus productifs :
- Développez un schéma de nommage pour vos ressources Azure.
- Regroupez les ressources Azure dans des groupes de ressources, qui utilisent eux aussi un schéma de nommage.
- Pour chaque ressource Azure, ajoutez des étiquettes qui indiquent l’utilité de la ressource, le projet auquel elle est associée, et d’autres informations essentielles à propos de celle-ci. Ces étiquettes sont visibles sur le portail Azure pour cette ressource, dans la page Vue d’ensemble. Considérez les étiquettes comme un moyen de documenter la ressource.
- La plupart des ressources ont au moins une version gratuite par abonnement. Utilisez ce type de ressource tout en apprenant à l'utiliser.
- Pour les solutions « sécurisées par défaut », apprenez à créer des ressources sans chaîne de connexion ni mot de passe. Cette sécurité vous permet d'utiliser le même code dans tous les environnements, sans avoir à gérer des chaînes de connexion ou des clés de rotation.
- Les derniers packages npm pour Azure commencent par l’étendue
@azure. - La plupart des packages npm Azure peuvent utiliser DefaultAzureCredential. Même si l’installation peut sembler compliquée, le fait de ne pas avoir à gérer votre authentification locale et distante sur la plateforme Azure accroît la sécurité et vous fait gagner du temps.
- Tous les SDK JavaScript Azure incluent les types TypeScript. Cette fonctionnalité vous permet d'adopter facilement des types forts pour vos solutions, tout en sachant qu'elles ne seront pas désynchronisées avec le SDK.