# Visualiseur des differences de configuration denvironnement Compare des configurations JSON, YAML, TOML et ENV entre environnements en mettant en evidence la derive, les cles manquantes et les pistes de nettoyage. > Page canonique: https://elysiatools.com/fr/tools/environment-config-diff-visualizer - **Catégorie:** Development - **Mots-clés:** configuration, environnement, diff, yaml ## Présentation Collez plusieurs blocs de configuration dans "Lot de configurations" et separez-les avec des en-tetes du type === environnement (format) ===. Exemples den-tetes : - === dev (json) === - === staging (yaml) === - === prod (toml) === - === worker (env) === Formats pris en charge : - JSON : utilisez un objet JSON classique comme {"PORT":3000,"feature":{"beta":true}} - YAML : utilisez des paires cle/valeur avec indentation comme PORT: 3000 et feature: beta: true - TOML : utilisez la syntaxe cle = valeur avec des tables comme [feature] - ENV : utilisez des lignes de style dotenv comme PORT=3000 et API_URL=https://api.example.com Conseils : - Ajoutez au moins deux blocs pour pouvoir comparer les environnements. - Gardez les memes cles logiques entre environnements lorsque cest possible. - Les cles sensibles sont masquees par defaut si "Masquer les secrets" est active. - Les objets imbriques et tableaux sont aplatis en chemins comme database.host ou services[0].url. ## Entrées - **Lot de configurations** (textarea): === dev (yaml) === PORT: 3000 FEATURE_X: true === prod (env) === PORT=8080 FEATURE_X=false - **Masquer les secrets** (checkbox) - **Ignorer la casse** (checkbox) - **Afficher la vue arborescente** (checkbox) ## Quand l'utiliser - Lors du déploiement d'une application pour vérifier que les variables d'environnement de production correspondent aux attentes définies en staging. - Lors d'un audit de sécurité ou d'un nettoyage de code pour repérer les clés obsolètes ou inutilisées dans vos fichiers de configuration. - Lors de la migration de formats de configuration (par exemple, de JSON à YAML) pour s'assurer qu'aucune donnée n'a été perdue ou altérée. ## Fonctionnement - Collez vos différents blocs de configuration dans le champ principal en les séparant par des en-têtes spécifiques comme === dev (yaml) === et === prod (env) ===. - Cochez les options souhaitées, telles que le masquage des secrets, l'ignorance de la casse ou l'affichage en arborescence. - L'outil analyse et aplatit les structures complexes (objets imbriqués, tableaux) pour comparer les chemins de clés exacts. - Consultez le rapport HTML généré qui met en surbrillance les différences, les valeurs modifiées et les clés exclusives à un environnement. ## Cas d'usage - Détection des dérives de configuration (configuration drift) entre les environnements de développement, de pré-production et de production. - Validation des feature flags pour s'assurer qu'une fonctionnalité est bien désactivée en production mais active en développement. - Standardisation et nettoyage des fichiers .env au sein d'une équipe de développeurs pour éliminer les variables obsolètes. ## Questions fréquentes ### Quels formats de configuration sont pris en charge ? L'outil prend en charge les formats JSON, YAML, TOML et ENV (style dotenv). ### Comment séparer les différents environnements dans l'outil ? Utilisez un en-tête au format === nom-environnement (format) === avant chaque bloc de configuration, par exemple === prod (json) ===. ### Mes mots de passe et clés d'API seront-ils visibles dans le rapport ? Non, si l'option "Masquer les secrets" est activée, les valeurs des clés sensibles (comme token, password, secret) sont automatiquement masquées. ### L'outil peut-il comparer des objets JSON imbriqués avec des fichiers ENV plats ? Oui, les objets imbriqués et les tableaux sont aplatis sous forme de chemins (ex: database.host), ce qui permet de les comparer facilement avec des variables d'environnement. ### Combien d'environnements puis-je comparer simultanément ? Vous pouvez comparer autant d'environnements que vous le souhaitez, à condition de fournir au moins deux blocs pour que la comparaison soit possible. ## Outils associés - [Diff sémantique de fichiers de configuration](https://elysiatools.com/fr/tools/config-file-semantic-diff): Comparez des configurations JSON, YAML, TOML et dotenv par chemin de clé en ignorant l’ordre et le bruit de formatage. - [Studio de requetes et transformations JSONata](https://elysiatools.com/fr/tools/jsonata-query-transform-studio): Previsualise des requetes et transformations de style JSONata, compare les resultats et exporte en JSON, CSV, YAML ou Markdown. - [Suppresseur de Caractères BOM](https://elysiatools.com/fr/tools/data-bom-remover): Supprimer les caractères BOM (Byte Order Mark) du contenu textuel et des fichiers. Parfait pour nettoyer les fichiers texte avec des problèmes d'encodage. - [Convertisseur YAML-JSON](https://elysiatools.com/fr/tools/yaml-json-converter): Convertit entre les formats YAML et JSON - [Generateur OpenAPI vers TypeScript](https://elysiatools.com/fr/tools/openapi-to-typescript-generator): Convertit des specifications OpenAPI ou Swagger JSON/YAML en types TypeScript, parametres de requete et modeles de reponse avec format et style de nommage configurables - [JSON Key Extractor](https://elysiatools.com/fr/tools/json-key-extractor): Extract all keys from JSON objects with multiple output formats. Perfect for analyzing JSON structure, documentation generation, and understanding complex nested objects. - [Extracteur de tokens de thème ECharts](https://elysiatools.com/fr/tools/echarts-theme-token-extractor): Extrait des design tokens — couleurs, nombres, tailles de police et chaînes — d'un JSON de thème ECharts et les exporte directement dans votre design system. Collez un objet thème (celui enregistré et passé à echarts.init(dom, themeName)) et l'outil parcourt chaque feuille, étiquetant chaque couleur (avec normalisation optionnelle nommé/rgb → hex), nombre d'espacement, taille de police et chaîne, puis émet des variables CSS propres, un thème.extend Tailwind, un tokens.json Style Dictionary ou des variables SCSS. Pont entre un thème de visualisation ECharts et les tokens de design Figma/CSS/Tailwind sans recopier chaque valeur à la main. - [De la palette d’image aux design tokens](https://elysiatools.com/fr/tools/image-to-design-tokens): Extrait les couleurs dominantes d’une image par k-means et les exporte en variables CSS / SCSS / config Tailwind / tokens JSON, avec noms et échelle de teintes ## Exemples - [Exemples de Traçage Distribué](https://elysiatools.com/fr/samples/distributed-tracing-samples): Exemples complets de traçage distribué utilisant Jaeger, OpenTelemetry et outils d'observabilité modernes - [Exemples OpenAPI/Swagger](https://elysiatools.com/fr/samples/openapi-swagger): Exemples complets de documentation API utilisant OpenAPI 3.0 et les spécifications Swagger pour les services RESTful - [Outil de Bundling Parcel](https://elysiatools.com/fr/samples/parcel): Exemples de l'outil de bundling Parcel de configuration zéro incluant la configuration de projet, les plugins et la configuration avancée - [Exemples de pnpm Package Manager](https://elysiatools.com/fr/samples/pnpm): Exemples de gestionnaire de paquets rapide et économe en espace disque incluant monorepo, configuration workspace, et workflows avancés ## Contenu associé - [Outils de formatage, de diff et de normalisation JSON](https://elysiatools.com/fr/hubs/json-format): Comparez les outils de formatage JSON, diff, revue de logs, comparaison de configuration et normalisation de données dans un hub unique pour les workflows JSON lisibles et vérifiables. - [Outils de conversion de fichiers de configuration et de diff d’environnements](https://elysiatools.com/fr/hubs/config-workflows): Analysez des fichiers .env, convertissez des configs YAML/TOML/HCL, fusionnez des fragments et comparez la dérive entre environnements dans un seul hub. - [Outils de Diff et de Comparaison de Fichiers et de Données](https://elysiatools.com/fr/hubs/file-data-diff-comparison-tools): Comparez deux fichiers, payloads, schémas ou jeux de données côte à côte et mettez en évidence ce qui a changé : texte, JSON, CSV/Excel, PDF, images, audio, bases de données, API et configurations. - [Outils d interchange JSON et de traduction de formats](https://elysiatools.com/fr/hubs/json-convert): Comparez les outils de conversion JSON pour CSV, YAML, TOML, GraphQL, XML, Markdown, Excel, BSON, EDN et d autres formats structures dans un meme hub.