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, mais l’expérience est bien meilleure, à la fois en termes de fonctionnalités et de support.
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 riche documentation pour l’utilisation du projet 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 un hébergement de site web, des données SQL et MongoDB, des conteneurs Docker, des fonctions serverless et bien plus encore, le tout dans Azure, le tout à partir de VS Code, dans cette 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 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 App Service | Extension Visual Studio Code Service d’application Azure CLI Application Azure CLI |
Le service d’application vous permet de gérer les plans App Service. L’application web vous permet de gérer les applications web qui s’exécutent dans le plan. Parcourir les sites et le portail Azure, créer de nouveaux sites et déployer sur des emplacements. Démarrage rapide : Créer une application web Node.js dans Azure Démarrage rapide : Exécuter un conteneur personnalisé dans Azure |
| 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 |
Autres ressources :
TypeScript
TypeScript offre toutes les fonctionnalités de JavaScript et une autre couche en plus de celles-ci : le système de type de TypeScript. Le principal avantage de TypeScript est qu’il peut mettre en évidence un comportement inattendu dans votre code, réduisant ainsi le risque de bogues.
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.
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 de les utiliser dans GitHub Actions 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.
Outils CICD
Les outils d’intégration suivants pour la génération et le déploiement permettent d’augmenter considérablement la productivité.
- Git ou Git pour Windows
- Actions GitHub
- Intégration d’Azure Pipelines
Conteneurs Docker
Si vous recherchez une image Docker spécifique à Microsoft ou Azure, utilisez microsoft Container Registry (CRM) pour rechercher une image.
Développement local
Si vous utilisez généralement des conteneurs Docker localement dans votre environnement de développement, utilisez l’extension Remote - Containers. Cette extension vous permet de rechercher un conteneur approprié pour votre dossier actuellement ouvert dans Visual Studio Code. Vous avez le choix entre plusieurs conteneurs Node.js ou vous pouvez fournir le vôtre. Une fois que vous avez ouvert le projet dans un conteneur, vous pouvez définir des points d’arrêt et déboguer le code comme si vous étiez dans votre environnement local.
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.
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.
- Certaines ressources fournissent deux clés, des chaînes de connexion ou d’autres dispositifs de sécurisation. Les deux clés permettent à deux développeurs de travailler sur le projet sans partager la clé ni la chaîne de connexion. Effectuez une rotation de ces clés lorsqu’un développeur quitte le projet.
- 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.
Étapes suivantes
Commentaires
Bientôt disponible : Tout au long de 2024, nous allons supprimer progressivement GitHub Issues comme mécanisme de commentaires pour le contenu et le remplacer par un nouveau système de commentaires. Pour plus d’informations, consultez https://aka.ms/ContentUserFeedback.
Envoyer et afficher des commentaires pour