# Visualizador de diferencas de configuracao de ambiente Compara configuracoes JSON, YAML, TOML e ENV entre ambientes, destacando drift, chaves ausentes e sugestoes de limpeza. > Página canônica: https://elysiatools.com/pt/tools/environment-config-diff-visualizer - **Categoria:** Development - **Palavras-chave:** configuracao, ambiente, diff, yaml ## Visão geral Cole varios blocos de configuracao em "Pacote de configuracoes" e separe cada um com cabecalhos no formato === ambiente (formato) ===. Exemplos de cabecalho: - === dev (json) === - === staging (yaml) === - === prod (toml) === - === worker (env) === Formatos suportados: - JSON: use um objeto JSON comum como {"PORT":3000,"feature":{"beta":true}} - YAML: use pares chave/valor com indentacao como PORT: 3000 e feature: beta: true - TOML: use sintaxe key = value com tabelas como [feature] - ENV: use linhas no estilo dotenv como PORT=3000 e API_URL=https://api.example.com Dicas: - Adicione pelo menos dois blocos para que o diff consiga comparar ambientes. - Mantenha as mesmas chaves logicas entre ambientes sempre que possivel. - Chaves sensiveis sao mascaradas por padrao quando "Ocultar segredos" esta ativado. - Objetos aninhados e arrays sao achatados em caminhos como database.host ou services[0].url no relatorio. ## Entradas - **Pacote de configuracoes** (textarea): === dev (yaml) === PORT: 3000 FEATURE_X: true === prod (env) === PORT=8080 FEATURE_X=false - **Ocultar segredos** (checkbox) - **Ignorar maiusculas** (checkbox) - **Mostrar vista em arvore** (checkbox) ## Quando usar - Quando precisar auditar variáveis de ambiente antes de um deploy em produção para evitar falhas causadas por chaves ausentes. - Para alinhar configurações entre diferentes ambientes (dev, staging, prod) e identificar desvios (drift) acumulados ao longo do tempo. - Ao migrar ou consolidar arquivos de configuração em diferentes formatos, garantindo que a estrutura lógica permaneça intacta. ## Como funciona - Cole seus blocos de configuração no campo principal, separando cada ambiente com um cabeçalho no formato === nome-do-ambiente (formato) ===. - Selecione opções adicionais, como 'Ocultar segredos' para mascarar senhas e tokens, ou 'Ignorar maiúsculas' para comparações mais flexíveis. - A ferramenta processa os blocos, achata objetos aninhados em caminhos de ponto (ex: database.host) e gera um relatório visual em HTML destacando as diferenças. ## Casos de uso - Comparação de feature flags entre ambientes de staging e produção para garantir que recursos em teste não sejam ativados prematuramente. - Auditoria de arquivos .env de diferentes desenvolvedores na equipe para padronizar as variáveis locais e evitar erros de configuração. - Verificação de configurações de infraestrutura para detectar inconsistências de recursos e variáveis entre clusters. ## Perguntas frequentes ### Quais formatos de configuração são suportados? A ferramenta suporta nativamente os formatos JSON, YAML, TOML e ENV (estilo dotenv). ### Como devo separar os diferentes ambientes no campo de texto? Use um cabeçalho específico para cada bloco, como === dev (json) === ou === prod (yaml) ===. ### Meus dados sensíveis, como senhas e tokens, ficam expostos no relatório? Não. Se a opção 'Ocultar segredos' estiver ativada, chaves que parecem conter dados sensíveis terão seus valores mascarados automaticamente. ### Como a ferramenta lida com objetos aninhados em JSON ou YAML? Objetos e arrays aninhados são achatados em caminhos de ponto, como database.host ou services[0].url, para facilitar a comparação direta entre os ambientes. ### Posso comparar mais de dois ambientes ao mesmo tempo? Sim, você pode colar quantos blocos de ambiente desejar, desde que cada um tenha seu respectivo cabeçalho de identificação. ## Ferramentas relacionadas - [Diff semântico de arquivos de configuração](https://elysiatools.com/pt/tools/config-file-semantic-diff): Compare configurações JSON, YAML, TOML e dotenv por caminho de chave, ignorando ordem e ruído de formatação. - [Studio de consulta e transformacao JSONata](https://elysiatools.com/pt/tools/jsonata-query-transform-studio): Visualize consultas e transformacoes no estilo JSONata, compare resultados e exporte em JSON, CSV, YAML ou Markdown. - [Removedor de Caracteres BOM](https://elysiatools.com/pt/tools/data-bom-remover): Remover caracteres BOM (Byte Order Mark) de conteúdo de texto e arquivos. Perfeito para limpar arquivos de texto com problemas de codificação. - [Conversor YAML-JSON](https://elysiatools.com/pt/tools/yaml-json-converter): Converte entre formatos YAML e JSON - [Gerador de OpenAPI para TypeScript](https://elysiatools.com/pt/tools/openapi-to-typescript-generator): Converte especificacoes OpenAPI ou Swagger em JSON/YAML em tipos TypeScript, parametros de requisicao e modelos de resposta com formato de saida e estilo de nomes configuraveis - [JSON Key Extractor](https://elysiatools.com/pt/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. - [Extrator de tokens de tema ECharts](https://elysiatools.com/pt/tools/echarts-theme-token-extractor): Extrai design tokens — cores, números, tamanhos de fonte e strings — de um JSON de tema ECharts e os exporta direto no seu design system. Cole um objeto de tema (o registrado e passado a echarts.init(dom, themeName)) e a ferramenta percorre cada folha, marcando cada cor (com normalização opcional nomeada/rgb → hex), número de espaçamento, tamanho de fonte e string, depois emite variáveis CSS limpas, um config theme.extend do Tailwind, tokens.json do Style Dictionary ou variáveis SCSS. Faz a ponte entre um tema de visualização ECharts e os tokens de design Figma/CSS/Tailwind sem copiar cada valor à mão. - [De paleta de imagem para design tokens](https://elysiatools.com/pt/tools/image-to-design-tokens): Extrai cores dominantes da imagem por k-means e exporta como variáveis CSS / SCSS / config Tailwind / tokens JSON, com nomes e escala de tons ## Exemplos - [Exemplos de Rastreamento Distribuído](https://elysiatools.com/pt/samples/distributed-tracing-samples): Exemplos completos de rastreamento distribuído usando Jaeger, OpenTelemetry e ferramentas modernas de observabilidade - [Exemplos OpenAPI/Swagger](https://elysiatools.com/pt/samples/openapi-swagger): Exemplos abrangentes de documentação API usando OpenAPI 3.0 e especificações Swagger para serviços RESTful - [Ferramenta de Empacotamento Parcel](https://elysiatools.com/pt/samples/parcel): Exemplos da ferramenta de empacotamento Parcel com configuração zero incluindo configuração de projeto, plugins e configuração avançada - [Exemplos de pnpm Package Manager](https://elysiatools.com/pt/samples/pnpm): Exemplos de gerenciador de pacotes rápido e eficiente em espaço de disco incluindo monorepo, configuração de workspace, e workflows avançados ## Conteúdo relacionado - [Ferramentas de formatação, diff e normalização de JSON](https://elysiatools.com/pt/hubs/json-format): Compare ferramentas de formatação JSON, diff, revisão de logs, comparação de configuração e normalização de dados em um único hub para fluxos de revisão de JSON. - [Ferramentas de conversão de arquivos de configuração e diff de ambientes](https://elysiatools.com/pt/hubs/config-workflows): Analise arquivos .env, converta configs YAML/TOML/HCL, faça merge de fragmentos e compare drift entre ambientes em um único hub. - [Ferramentas de Diff e Comparação de Arquivos e Dados](https://elysiatools.com/pt/hubs/file-data-diff-comparison-tools): Compare dois arquivos, payloads, esquemas ou conjuntos de dados lado a lado e destaque o que mudou — em texto, JSON, CSV/Excel, PDF, imagens, áudio, bancos de dados, APIs e configurações. - [Ferramentas de intercambio JSON e traducao de formatos](https://elysiatools.com/pt/hubs/json-convert): Compare ferramentas de conversao JSON para CSV, YAML, TOML, GraphQL, XML, Markdown, Excel, BSON, EDN e outros formatos estruturados em um unico hub.