Generatore JSON

Raccomandazioni correlate

Generatore JSON e dati Mock di test

Casi d'uso

• Sviluppo frontend: serve un set stabile e ripetibile di dati Mock per il rendering dei componenti (liste utenti, card prodotto, dettagli ordine)
• Integrazione frontend-backend: le API di backend non sono ancora pronte e il frontend ha bisogno di dati per completare la pagina, evitando attese
• Test automatizzati QA: serve creare in batch dati con valori di campo diversi per scenari di test data-driven
• Documentazione API e Swagger / OpenAPI: usa il generatore per produrre rapidamente esempi di request / response conformi alla struttura
• Test di carico e prestazioni: prepara grandi quantità di dati strutturati prima dei test per verificare la stabilità sotto alta concorrenza
• Migrazione database e pulizia dati: genera JSON di esempio per validare la logica di business durante lo sviluppo degli script
• Didattica e dimostrazioni: blog tecnici, slide e materiali formativi hanno bisogno di esempi JSON ordinati e ben strutturati
• Validazione form e logiche di cache lato frontend: genera valori limite (minimo / massimo / vuoti / tipo anomalo) per testare i casi estremi

Come utilizzare

1. Nel "Costruttore Schema" a sinistra visualizza lo Schema di esempio predefinito (7 campi: id / name / email / age / active / createdAt / bio) oppure clicca su "+" per aggiungere un campo personalizzato
2. Per ogni campo imposta il nome (personalizzato) e il tipo (13 opzioni nel menu a tendina); per i tipi numerici e Paragraph puoi compilare min / max, mentre per Enum inserisci i candidati separati da virgola
3. Spunta "Genera come array" e imposta il conteggio (1-1000), oppure deselezionalo per generare un solo oggetto JSON
4. Clicca sul pulsante "Genera" in alto a destra: l'editor mostrerà immediatamente il JSON formattato e indicherà il numero di campi e di record generati
5. Clicca su "Copia" per incollare il risultato in codice o in strumenti API, oppure su "Scarica" per salvarlo come file generated.json

Funzionalità

• 13 tipi di campo integrati: String / Integer / Number / Boolean / Email / Name / UUID / Date / URL / Phone / Paragraph / Enum / Array, subito pronti senza memorizzare sintassi di template
• Costruttore di campi visuale: aggiungi o rimuovi campi tramite interfaccia grafica, imposta nome e tipo di campo in modalità WYSIWYG, senza scrivere template JSON a mano
• Controllo intervallo per numeri e paragrafi: i tipi Integer, Number e Paragraph supportano valori minimi e massimi personalizzati, generando dati più vicini al business
• Valori enum personalizzati: inserisci un elenco di valori separati da virgola (es. admin,user,guest) per generare opzioni discrete controllate
• Passaggio rapido oggetto singolo / array: spunta "Genera come array" + conteggio (1-1000) per alternare liberamente tra JSON singolo e forma ad array
• Caricamento rapido Schema di esempio: schema integrato a 7 campi (id / name / email / age / active / createdAt / bio), un clic per generare un esempio completo
• Pannello di output con evidenziazione del codice: editor CodeMirror a destra mostra in tempo reale il risultato generato, con syntax highlighting JSON, numeri di riga e modalità di sola lettura
• Copia e scarica con un clic: il risultato generato può essere copiato negli appunti con un solo clic o scaricato direttamente come file generated.json
• Esecuzione locale nel browser: tutta la costruzione dei campi e la generazione dei dati avviene completamente nel tuo browser, zero upload di dati, sicuro anche per campi business sensibili
• Adatto a desktop e mobile: layout a due colonne regolabile su PC; su mobile passa automaticamente alla scheda input/output per un'esperienza fluida

Esempi di codice

// Metti generated.json in /public/mock/users.json
// Poi recuperalo con fetch come dati Mock
async function fetchMockUsers() {
  const res = await fetch('/mock/users.json');
  const users = await res.json();
  console.log(`Caricati ${users.length} utenti`);
  return users;
}

// Oppure incorporato direttamente nel codice (utile nei test)
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 }
];

// Oppure importato come fixture in Jest / Vitest
import users from './fixtures/users.json';
test('rendering della lista utenti', () => {
  render(<UserList users={users} />);
  expect(screen.getAllByRole('listitem')).toHaveLength(users.length);
});

# Installazione: pip install faker
from faker import Faker
import json

fake = Faker('it_IT')  # localizzazione italiana

# Genera un singolo utente
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()
    }

# Genera 100 record in batch e scrivi in 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"Sono stati generati {len(users)} record utente")

# Supponendo che generated.json sia nella directory corrente e l'API target sia POST /api/users
# Inizializzazione batch dei dati
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

# Oppure estrai un singolo record con jq e invialo
cat generated.json | jq '.[0]' | \
  curl -X POST https://api.example.com/users \
    -H "Content-Type: application/json" \
    -d @-

Domande frequenti

Risoluzione dei problemi

Glossario

JSON

JavaScript Object Notation: formato leggero di scambio dati, composto da coppie chiave-valore e array; è lo standard di fatto per le API Web e per lo scambio dati frontend-backend.

Dati Mock

Dati fittizi che simulano scenari di business reali, usati nello sviluppo frontend, nell'integrazione API e nei test automatizzati quando il backend reale non è ancora disponibile; devono avere la stessa struttura delle API reali.

Schema

Definizione che descrive la struttura dei dati, ad esempio "un utente contiene i campi id, name, email". In questo strumento lo Schema è l'insieme di nomi e tipi definiti nel Costruttore Campi a sinistra.

UUID (v4)

Identificatore univoco universale, stringa di 128 bit definita dallo standard RFC 4122. La versione v4 si basa su numeri casuali (con bit di variante 8/9/a/b) ed è praticamente impossibile che si ripeta: viene usata nelle chiavi primarie distribuite.

Tipo di campo (Field Type)

Il tipo di dato che ogni campo di questo strumento deve specificare, il quale determina quale formato di valore casuale verrà generato. Ad esempio, il tipo Email genera stringhe in formato email, il tipo Integer genera interi.

Enum (enumerazione)

Tipo di campo che estrae casualmente un valore da un insieme discreto predefinito. Ad esempio, definendo admin,user,guest è ideale per campi di ruolo, stato o livello.

min / max

Vincolo sull'intervallo di valori del campo, valido solo per Integer, Number e Paragraph. Una volta impostato, il numero casuale verrà generato all'interno di questo intervallo chiuso, evitando valori limite palesemente finti.

Output oggetto singolo vs array

Lo strumento supporta due forme di output: deselezionando "Genera come array" si ottiene un singolo oggetto JSON {} (ideale per il debug di una singola richiesta), selezionandolo e indicando un conteggio si ottiene un array di oggetti [...] (ideale per dati in batch).

RFC 4122

Standard internazionale per gli UUID, che ne definisce formato, versioni (v1-v5) e bit di variante. Gli UUID generati da questo strumento sono conformi alla versione v4.

CodeMirror

Componente editor di codice lato browser usato nell'area di output a destra di questo strumento, che fornisce syntax highlighting JSON, numerazione delle righe e modalità di sola lettura.

Elaborazione locale

Costruzione dei campi e generazione dei dati eseguite interamente nel browser dell'utente tramite JavaScript, senza caricare nulla su server: più veloce e più sicuro, ideale per dati business sensibili.

Fixture

File di dati di esempio usato in modo fisso nei test. L'output del generatore può essere salvato come generated.json e usato come fixture per i test di regressione, garantendo risultati riproducibili.

Tabella rapida dei tipi di campo e delle regole di generazione

Intervallo, uso tipico ed esempio dei 13 tipi di campo integrati:

Scenari comuni di generazione JSON e combinazioni di campi consigliate

Ecco alcuni scenari molto comuni di dati di test API e le combinazioni di campi consigliate, pronte da replicare:

Privacy & Security

Tutte le operazioni di costruzione dei campi, generazione di dati casuali, copia e download di questo Generatore JSON vengono eseguite interamente nel tuo browser tramite JavaScript: lo Schema che hai definito, i dati casuali generati, i nomi dei campi e il conteggio non vengono mai caricati su alcun server, né registrati, memorizzati nella cache o archiviati nel cloud. Puoi usarlo in sicurezza anche per campi di API interne, strutture non ancora rilasciate o scenari di test sensibili, senza rischi di fuga di dati.

Authoritative References

• IETFRFC 4122 - Specifica per identificatori univoci universali (UUID)
• OfficialSito ufficiale JSON (con specifica della sintassi)
• LibraryMock.js - Libreria dedicata al Mock dati per il frontend
• LibraryFaker.js / Faker Python - Librerie avanzate per la generazione di dati fittizi
• MDNMDN - JSON.parse / JSON.stringify