Visualizador de diferencias de configuracion

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.

Datos clave

Categoría: Desarrollo y Web
Tipos de entrada: textarea, checkbox
Tipo de salida: html
Cobertura de muestras: 4
API disponible: Yes

Resumen

El Visualizador de diferencias de configuración es una herramienta diseñada para comparar archivos JSON, YAML, TOML y ENV entre múltiples entornos como desarrollo, staging y producción. Permite identificar rápidamente discrepancias (drift), claves faltantes y valores desalineados, facilitando la auditoría y limpieza de variables de entorno antes de cada despliegue sin necesidad de conversiones manuales.

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.

Ejemplos

1. Comparar feature flags entre dev y producción

Ingeniero DevOps

Contexto: El equipo de desarrollo ha añadido nuevas funcionalidades y variables en el entorno local que deben replicarse en producción.
Problema: Asegurar que todas las variables de entorno necesarias estén presentes en producción antes del despliegue.
Cómo usarlo: Pega las variables de desarrollo bajo === dev (env) === y las de producción bajo === prod (env) ===, luego activa 'Mostrar vista en árbol'.
Configuración de ejemplo: === dev (env) === FEATURE_X=true API_URL=https://dev.api === prod (env) === FEATURE_X=false API_URL=https://prod.api
Resultado: El reporte HTML muestra que FEATURE_X existe en ambos entornos pero con valores distintos, confirmando que la configuración está lista y alineada.

2. Auditoría de configuraciones YAML y JSON

Arquitecto de Software

Contexto: Un microservicio usa YAML en staging pero JSON en producción debido a una migración heredada.
Problema: Detectar claves faltantes o mal escritas entre dos formatos distintos sin convertir los archivos manualmente.
Cómo usarlo: Introduce el YAML bajo === staging (yaml) === y el JSON bajo === prod (json) ===, activando 'Ignorar mayúsculas'.
Configuración de ejemplo: === staging (yaml) === db: host: localhost port: 5432 === prod (json) === {"db": {"host": "aws-rds", "port": 5432}}
Resultado: La herramienta aplana las estructuras a db.host y db.port, mostrando que las claves coinciden lógicamente a pesar de los diferentes formatos.