Gerador de JSON

Sugestões Relacionadas

Sobre o Gerador de JSON e dados mock de teste

Casos de uso

• Renderização de componentes no frontend que precisa de dados mock estáveis e repetíveis, como listas de usuários, cards de produtos e detalhes de pedidos
• APIs de backend ainda em desenvolvimento: o engenheiro frontend precisa de dados para integrar a página, evitando esperar pelo retorno do backend
• QA escrevendo casos de teste automatizado de API: construção em lote de dados com valores variados para cenários data-driven
• Documentação de API e Swagger/OpenAPI: gerar rapidamente exemplos de request/response que seguem a estrutura correta
• Preparar grandes volumes de dados estruturados para testes de carga e desempenho, validando estabilidade do sistema sob alta concorrência
• Desenvolvimento de scripts de migração de banco e ferramentas de limpeza de dados: gerar JSON de exemplo para validar a lógica de negócio
• Cenários de ensino e demonstração: posts de blog técnico, slides de apresentação e materiais de treinamento que precisam de exemplos JSON bem estruturados
• Validação de formulários frontend e lógica de cache local: construir valores de borda (mínimo/máximo/vazio/tipo inválido) para teste de limites

Como Usar

1. No "Construtor de Schema" à esquerda, veja o schema de exemplo padrão (7 campos: id / name / email / age / active / createdAt / bio) ou clique em "+" para adicionar um campo personalizado
2. Defina para cada campo o nome (personalizado) e o tipo (13 opções no menu suspenso); tipos numéricos e Paragraph aceitam min/max, e Enum aceita valores separados por vírgula
3. Marque "Gerar como array" e defina a quantidade (1-1000), ou desmarque para gerar um único objeto JSON
4. Clique no botão "Gerar" no canto superior direito: o resultado formatado aparece imediatamente no editor à direita, com contagem de campos e de registros gerados
5. Clique em "Copiar" para colar o resultado em código ou ferramentas de API, ou em "Baixar" para salvar como generated.json

Recursos

• 13 tipos de campos integrados: String / Integer / Number / Boolean / Email / Name / UUID / Date / URL / Phone / Paragraph / Enum / Array, prontos para usar sem decorar sintaxe de templates
• Construtor visual de campos: adicione e remova campos pela interface gráfica, defina nomes e tipos no estilo WYSIWYG, sem escrever templates JSON manualmente
• Controle de intervalos numéricos e de parágrafos: tipos Integer, Number e Paragraph suportam valores mínimo e máximo personalizados, gerando dados mais próximos do uso real
• Enumeração personalizada (Enum): informe uma lista de valores separados por vírgula (ex.: admin,user,guest) e gere opções discretas controladas
• Alternância entre objeto único e array com um clique: marque "Gerar como array" e defina a quantidade (1-1000) para alternar livremente entre JSON único e array
• Schema de exemplo para carregamento rápido: 7 campos pré-configurados (id / name / email / age / active / createdAt / bio); um clique gera um exemplo completo
• Painel de saída com destaque de código: editor CodeMirror à direita exibe o resultado em tempo real, com destaque de sintaxe JSON, numeração de linhas e modo somente leitura
• Copiar e baixar com um clique: copie o resultado para a área de transferência ou baixe diretamente como generated.json
• Execução 100% local no navegador: toda a construção de campos e geração de dados acontece no seu navegador, sem upload, ideal para campos sensíveis
• Adaptação para desktop e mobile: layout de duas colunas ajustável no PC; em mobile alterna automaticamente entre abas de entrada e saída

Exemplos de Código

// Coloque generated.json em /public/mock/users.json
// Em seguida, use fetch para obtê-lo como dados Mock
async function fetchMockUsers() {
  const res = await fetch('/mock/users.json');
  const users = await res.json();
  console.log(`Carregados ${users.length} usuários`);
  return users;
}

// Uso embutido diretamente no código (ideal para casos de teste)
const mockUsers = [
  { id: 1, name: 'Jennifer Martinez', email: 'jennifer.martinez382@example.com', age: 42, active: true },
  { id: 2, name: 'Robert Smith', email: 'robert.smith918@test.org', age: 67, active: false }
];

// Ou importe como fixture em Jest / Vitest
import users from './fixtures/users.json';
test('renderiza lista de usuários', () => {
  render(<UserList users={users} />);
  expect(screen.getAllByRole('listitem')).toHaveLength(users.length);
});

# Instalação: pip install faker
from faker import Faker
import json

fake = Faker('zh_CN')  # localização em chinês

# Gerar um único usuário
def gen_user():
    return {
        "id": fake.random_int(min=1, max=99999),
        "name": fake.name(),
        "email": fake.email(),
        "phone": fake.phone_number(),
        "address": fake.address(),
        "company": fake.company(),
        "created_at": fake.iso8601()
    }

# Gerar 100 registros em lote e gravar em generated.json
users = [gen_user() for _ in range(100)]
with open('generated.json', 'w', encoding='utf-8') as f:
    json.dump(users, f, ensure_ascii=False, indent=2)

print(f"{len(users)} registros de usuário gerados")

# Supondo que generated.json está no diretório atual e a API alvo é POST /api/users
# Seed em lote
for i in $(seq 1 10); do
  curl -X POST https://api.example.com/users \
    -H "Content-Type: application/json" \
    -d @generated.json | jq '.'
done

# Ou extraia um único registro com jq e envie via POST
cat generated.json | jq '.[0]' | \
  curl -X POST https://api.example.com/users \
    -H "Content-Type: application/json" \
    -d @-

Perguntas frequentes

Solução de Problemas

Glossário

JSON

JavaScript Object Notation, formato leve de troca de dados composto por pares chave-valor e arrays; é o padrão de facto para APIs web e comunicação entre frontend e backend.

Dados Mock

Dados fictícios que simulam cenários reais de negócio, usados em desenvolvimento frontend, integração de API e testes automatizados quando o backend real ainda não está disponível; devem ter a mesma estrutura da API real.

Schema

Definição que descreve a estrutura dos dados, por exemplo "usuário contém os campos id, name e email". Nesta ferramenta, o Schema é o conjunto de nomes e tipos definidos no construtor de campos à esquerda.

UUID (v4)

Identificador único universal, string de 128 bits definida pelo padrão RFC 4122. A v4 é baseada em números aleatórios (com bits de variante 8/9/a/b) e praticamente não se repete, sendo usada em chaves primárias distribuídas.

Tipo de Campo (Field Type)

Tipo de dado obrigatório para cada campo na ferramenta; determina o formato do valor aleatório gerado. Por exemplo, o tipo Email gera uma string no formato de e-mail, e Integer gera um número inteiro.

Enum (Enumeração)

Tipo de campo que escolhe aleatoriamente um valor a partir de um conjunto discreto predefinido. Por exemplo, definido como admin,user,guest, é adequado para papéis, status e níveis.

min / max

Restrição de intervalo de valores do campo, válida apenas para Integer, Number e Paragraph. Quando definidos, os números aleatórios são gerados dentro desse intervalo fechado, evitando valores de borda absurdos.

Saída como objeto único vs array

A ferramenta suporta duas formas de saída: com "Gerar como array" desmarcado, gera um único objeto JSON {} (ideal para depuração unitária); marcado e com quantidade definida, gera um array de objetos [...] (ideal para dados em lote).

RFC 4122

Padrão internacional do UUID, que define o formato, versões (v1 a v5) e bits de variante. Os UUIDs gerados por esta ferramenta seguem a v4.

CodeMirror

Componente de editor de código para navegador. A área de saída à direita desta ferramenta usa CodeMirror para fornecer destaque de sintaxe JSON, numeração de linhas e modo somente leitura.

Processamento local

Toda a construção de campos e geração de dados acontece no navegador do usuário via JavaScript, sem upload a servidores. Mais rápido e seguro, ideal para campos sensíveis de negócio.

Fixture

Arquivo de dados de exemplo fixo usado em testes. A saída do gerador pode ser salva como generated.json para servir como fixture de testes de regressão, garantindo reprodutibilidade.

Tabela rápida de tipos de campos e regras de geração

Intervalos de valores, usos típicos e exemplos dos 13 tipos de campos integrados:

Cenários comuns de geração de JSON e combinações de campos recomendadas

A seguir, alguns cenários frequentes de teste de API e as combinações de campos recomendadas — basta adicionar conforme o exemplo:

Privacy & Security

Neste Gerador de JSON, toda a construção de campos, geração de dados aleatórios, cópia e download acontecem localmente no seu navegador via JavaScript. O Schema que você define, os dados aleatórios gerados, os nomes de campo e a quantidade nunca são enviados a nenhum servidor, nem registrados, cacheados ou armazenados em nuvem. É seguro usar com campos internos de API, estruturas de negócio ainda não lançadas e cenários de teste sensíveis — não há risco de vazamento de dados.

Authoritative References

• IETFRFC 4122 - Especificação de Identificadores Únicos Universais (UUID)
• OfficialSite oficial do JSON (com especificação de sintaxe)
• LibraryMock.js - Biblioteca de mock dedicada para frontend
• LibraryFaker.js / Faker Python - Bibliotecas mais completas de geração de dados falsos
• MDNMDN - JSON.parse / JSON.stringify