Développement cloud moderne avec l’immobilier Contoso

Article
11/16/2023

L’application Contoso Real Estate contient l’architecture de référence et les composants permettant de créer des serveurs frontaux composables modernes de qualité entreprise (ou micro-frontends) et des applications natives cloud. Il s’agit d’une collection de bonnes pratiques, de modèles d’architecture et de composants fonctionnels qui peuvent être utilisés pour générer et déployer des applications JavaScript modernes sur Azure.

Le développement cloud moderne utilisé dans la solution Contoso Real Estate inclut des outils pour vous permettre de développer, déboguer, générer, déployer et tester votre application.

Environnement de développement

Une équipe de développement efficace et efficace décide et maintient constamment un environnement de développement.

Conteneurs de développement

L’environnement de développement doit être le même pour chaque développeur de votre équipe. Cet environnement doit également miroir l’environnement de production autant que possible. Les conteneurs de développement sont la norme du secteur avec prise en charge de la communauté, une spécification, des outils, des guides et des modèles. Le conteneur de développement doit être géré pour le système d’exploitation, les langues et d’autres outils nécessaires à l’efficacité de l’équipe.

Visual Studio Code fournit un processus de création rapide de conteneur de développement pas à pas pour encapsuler votre code source, ce qui vous permet d’écrire du code au lieu d’écrire des conteneurs. Si vous souhaitez développer votre conteneur, vous pouvez apporter un conteneur existant ou modifier le fichier de conteneur de développement fourni.

Conteneur de développement Contoso - devcontainer.json

IDE

Un environnement de développement intégré (IDE) est une application logicielle qui fournit des outils et fonctionnalités complets aux développeurs pour écrire, tester et déboguer du code plus efficacement. Il est conçu pour simplifier le processus de développement en regroupant différents aspects du développement logiciel dans un environnement unique. Dans un IDE d’environnement de développement intégré, lorsqu’il est combiné à un conteneur de développement, vous permet d’intégrer rapidement de nouveaux membres d’équipe tout en prenant en charge le reste de l’équipe. Toutes les modifications apportées à l’IDE, y compris les paramètres, les extensions et d’autres intégrations, peuvent être spécifiées dans le conteneur de développement afin que tous les membres de l’équipe aient le même environnement sans avoir à s’appuyer sur des étapes manuelles.

Pour les équipes de développement multiplateformes, utilisez Visual Studio Code :

Paramètres d’environnement pour Visual Studio Code - ./vscode
Extensions Visual Studio installées dans devcontainer.json

Outils de qualité du code

Les outils de qualité du code sont appliqués pendant le développement pour appliquer des instructions de mise en forme et de style et intercepter les problèmes potentiels d’exécution en appliquant des normes de code. Les outils de qualité du code sont uniques dans le langage de programmation et pris en charge par une communauté pour garantir la prise en charge et la progression. Visual Studio Code fournit une intégration avec les outils de qualité de code courants.

Contoso utilise les outils de qualité de code suivants :

Paramètres TypeScript dans le fichier de package tsconfig.json .
Paramètres de préttier dans le package.json racine.
ESLint dans la racine .eslintrc.js

Tests automatisés

L’environnement de développement doit permettre au développeur d’écrire rapidement du code et de tester l’impact qu’il a sur le projet sans avoir à envoyer les modifications au pipeline de génération et de test . Visual Studio Code fournit une intégration aux outils de test automatisés. Utilisez PlayWright pour les tests de bout en bout, notamment les tests de navigateur et d’API.

Contoso utilise :

Jest pour les tests unitaires
Playwright pour les tests de bout en bout

CLI

Les interfaces de ligne de commande permettent aux développeurs de travailler rapidement dans leur environnement de développement et d’ajouter l’interface CLI à tous les outils d’automatisation pour générer et déployer des pipelines.

Contoso utilise les CLIs suivants :

Calcul du développeur

La station de travail d’un développeur peut se trouver dans le cloud ou en tant que machine physique. Quel que soit l’emplacement de la ressource de calcul, il s’intègre facilement aux composants requis par un développeur cloud moderne.

Codespaces

Codespaces est un conteneur de développement disponible avec votre dépôt GitHub. Ouvrez votre référentiel dans Codespaces, soit dans un navigateur, soit dans votre IDE local. Commencez à travailler immédiatement, dans votre flux de développement classique, en écrivant, en déboguant, en test et en renvoyant les demandes de tirage (push) vers le dépôt GitHub. Les espaces de code conservent les modifications spécifiques apportées à l’environnement, telles que les variables d’environnement, les installations de dépendances et les CLIs.

Vous pouvez ouvrir le projet à partir de GitHub dans un navigateur web ou ouvrir le conteneur à partir d’une version locale de Visual Studio Code. Les deux utilisent le même conteneur de développement.

Ressources cloud pour les développeurs

Les développeurs ont besoin d’accéder aux ressources cloud lors du développement. Selon la ressource, l’équipe de développement peut choisir d’utiliser un émulateur local (le cas échéant) ou d’utiliser la même infrastructure que les fichiers de code pour fournir des ressources de développement.

L’infrastructure en tant que code, avec des outils tels qu’Azure Dev CLI (AZD) vous permet de créer et de détruire rapidement des ressources cloud.

Ce projet a un fichier de niveau racine, azure.yml, définissant les services logiques, qui peuvent être déployés indépendamment. Les ressources prenant en charge chaque service sont définies dans le dossier infra .

Le dossier infra/application définit la façon dont les services Azure sont configurés et regroupés.
Le dossier infra/core contient les fichiers Bicep utilisés pour créer chaque service Azure.

Azure Developer CLI (AZD) fournit la création de ressources, pour toutes les ressources ou simplement un service logique, via la azd provision commande.

Contrôle de code source, intégration continue et déploiement

Le contrôle de code source permet de suivre les modifications pendant le cycle de développement. Contoso utilise git pour gérer le contrôle de version et GitHub pour stocker le code source.

L’intégration continue permet de vérifier les modifications apportées au code source avant de fusionner dans la branche principale . Contoso utilise le fichier .github/workflows pour l’intégration continue.

Le déploiement est le processus de déplacement du code source et des fichiers associés vers le cloud. Azure Developer CLI (AZD) fournit ce déploiement via la azd deploy commande.

Share via