# Visualizador de diferencias de configuracion Compara configuraciones JSON, YAML, TOML y ENV entre entornos, resaltando drift, claves faltantes y sugerencias de limpieza. > Página canónica: https://elysiatools.com/es/tools/environment-config-diff-visualizer - **Categoría:** Development - **Palabras clave:** configuracion, entorno, diff, yaml ## Descripción general Pegue varios bloques de configuracion en "Paquete de configuraciones" y separalos con encabezados del tipo === entorno (formato) ===. Ejemplos de encabezado: - === dev (json) === - === staging (yaml) === - === prod (toml) === - === worker (env) === Formatos admitidos: - JSON: usa un objeto JSON normal como {"PORT":3000,"feature":{"beta":true}} - YAML: usa pares clave/valor con indentacion como PORT: 3000 y feature: beta: true - TOML: usa sintaxis clave = valor y tablas como [feature] - ENV: usa lineas estilo dotenv como PORT=3000 y API_URL=https://api.example.com Consejos: - Agrega al menos dos bloques para poder comparar entornos. - Mantén las mismas claves logicas entre entornos cuando sea posible. - Las claves sensibles se ocultan por defecto cuando activas "Ocultar secretos". - Los objetos anidados y arrays se aplanan como rutas tipo database.host o services[0].url. ## Entradas - **Paquete de configuraciones** (textarea): === dev (yaml) === PORT: 3000 FEATURE_X: true === prod (env) === PORT=8080 FEATURE_X=false - **Ocultar secretos** (checkbox) - **Ignorar mayusculas** (checkbox) - **Mostrar vista en arbol** (checkbox) ## Cuándo usarlo - Cuando necesitas auditar variables de entorno antes de un pase a producción para evitar caídas por configuraciones faltantes. - Al migrar servicios o unificar configuraciones dispersas en múltiples formatos (JSON, YAML, TOML, ENV). - Para detectar 'configuration drift' entre entornos de desarrollo y staging tras varios ciclos de iteración. ## Cómo funciona - Pega tus bloques de configuración en el área de texto, separándolos con encabezados como === dev (yaml) === y === prod (env) ===. - Activa opciones como 'Ocultar secretos' para enmascarar contraseñas o 'Ignorar mayúsculas' para flexibilizar la comparación. - La herramienta aplana los objetos anidados y genera un reporte visual en HTML que resalta las diferencias, claves únicas y valores modificados. ## Casos de uso - Alineación de feature flags entre entornos de desarrollo, pruebas y producción. - Auditoría de seguridad para asegurar que no se filtren credenciales de producción en archivos de configuración de staging. - Revisión de variables de entorno (dotenv) en despliegues de aplicaciones Node.js o Docker. ## Preguntas frecuentes ### ¿Qué formatos de configuración soporta la herramienta? Soporta JSON, YAML, TOML y variables de entorno (ENV) estilo dotenv. ### ¿Cómo separo los diferentes entornos en el área de texto? Usa encabezados con el formato === nombre-entorno (formato) ===, por ejemplo, === staging (json) ===. ### ¿Qué hace la opción 'Ocultar secretos'? Enmascara automáticamente los valores de claves sensibles como tokens, contraseñas y secretos para que no sean visibles en el reporte generado. ### ¿Puedo comparar más de dos entornos a la vez? Sí, puedes agregar múltiples bloques de configuración y la herramienta los comparará todos en una única vista. ### ¿Cómo maneja los objetos anidados en JSON o YAML? Los aplana utilizando notación de puntos (por ejemplo, database.host), facilitando la comparación directa de cada propiedad entre distintos formatos. ## Herramientas relacionadas - [Diff semántico de archivos de configuración](https://elysiatools.com/es/tools/config-file-semantic-diff): Compara configuraciones JSON, YAML, TOML y dotenv por ruta de clave, ignorando el orden y el ruido de formato. - [Estudio de consultas y transformaciones JSONata](https://elysiatools.com/es/tools/jsonata-query-transform-studio): Previsualiza consultas y transformaciones estilo JSONata, compara resultados y exporta en JSON, CSV, YAML o Markdown. - [Removedor de Caracteres BOM](https://elysiatools.com/es/tools/data-bom-remover): Eliminar caracteres BOM (Byte Order Mark) de contenido de texto y archivos. Perfecto para limpiar archivos de texto con problemas de codificación. - [Conversor YAML-JSON](https://elysiatools.com/es/tools/yaml-json-converter): Convierte entre formatos YAML y JSON - [Generador de OpenAPI a TypeScript](https://elysiatools.com/es/tools/openapi-to-typescript-generator): Convierte especificaciones OpenAPI o Swagger en JSON/YAML a tipos TypeScript, parametros de solicitud y modelos de respuesta con formato y nombres configurables - [Extractor de Claves JSON](https://elysiatools.com/es/tools/json-key-extractor): Extrae todas las claves de objetos JSON con múltiples formatos de salida. Perfecto para analizar estructura JSON, generación de documentación y entender objetos anidados complejos. - [Extractor de tokens de tema ECharts](https://elysiatools.com/es/tools/echarts-theme-token-extractor): Extrae design tokens — colores, números, tamaños de fuente y cadenas — de un JSON de tema ECharts y expórtalos directamente a tu design system. Pega un objeto de tema (el que registras y pasas a echarts.init(dom, themeName)) y la herramienta recorre cada hoja, etiquetando cada color (con normalización opcional nombrado/rgb → hex), número de espaciado, tamaño de fuente y cadena, para luego emitir variables CSS limpias, una configuración theme.extend de Tailwind, tokens.json de Style Dictionary o variables SCSS. Tiende el puente entre un tema de visualización ECharts y los tokens de diseño Figma/CSS/Tailwind sin copiar cada valor a mano. - [De paleta de imagen a design tokens](https://elysiatools.com/es/tools/image-to-design-tokens): Extrae los colores dominantes de una imagen con k-means y expórtalos como variables CSS / SCSS / configuración Tailwind / tokens JSON, con nombres y escala de tonos ## Ejemplos - [Muestras de Trazado Distribuido](https://elysiatools.com/es/samples/distributed-tracing-samples): Ejemplos completos de trazado distribuido usando Jaeger, OpenTelemetry y herramientas de observabilidad modernas - [Ejemplos OpenAPI/Swagger](https://elysiatools.com/es/samples/openapi-swagger): Ejemplos completos de documentación API usando OpenAPI 3.0 y especificaciones Swagger para servicios RESTful - [Herramienta de Empaquetado Parcel](https://elysiatools.com/es/samples/parcel): Ejemplos de la herramienta de empaquetado Parcel de configuración cero incluyendo configuración de proyecto, plugins y configuración avanzada - [Ejemplos de pnpm Package Manager](https://elysiatools.com/es/samples/pnpm): Ejemplos de gestor de paquetes rápido y eficiente en espacio en disco incluyendo monorepo, configuración de workspace, y flujos de trabajo avanzados ## Contenido relacionado - [Herramientas de formato, diff y normalización de JSON](https://elysiatools.com/es/hubs/json-format): Compara herramientas de formato JSON, diff, revisión de logs, comparación de configuración y normalización de datos en un solo hub para flujos de revisión de JSON. - [Herramientas de conversión de archivos de configuración y diff de entornos](https://elysiatools.com/es/hubs/config-workflows): Analiza archivos .env, convierte configuraciones YAML/TOML/HCL, fusiona fragmentos y compara la deriva entre entornos en un solo hub. - [Herramientas de Diff y Comparación de Archivos y Datos](https://elysiatools.com/es/hubs/file-data-diff-comparison-tools): Compara dos archivos, payloads, esquemas o conjuntos de datos lado a lado y resalta lo que cambió: texto, JSON, CSV/Excel, PDF, imágenes, audio, bases de datos, APIs y configuraciones. - [Herramientas de intercambio JSON y traduccion de formatos](https://elysiatools.com/es/hubs/json-convert): Compara herramientas de conversion JSON para CSV, YAML, TOML, GraphQL, XML, Markdown, Excel, BSON, EDN y otros formatos estructurados en un solo hub.