JSON-generator

Gerelateerde aanbevelingen

Over de JSON-generator en Mock-testdata

Toepassingsgevallen

• Frontend-ontwikkelaars hebben stabiele, herhaalbare Mock-data nodig voor het renderen van componenten zoals gebruikerslijsten, productkaarten en besteldetails
• Wanneer de backend-API nog niet klaar is, kunnen frontend-ingenieurs data genereren om de pagina te integreren zonder te wachten op backend-respons
• QA-schrijvers van geautomatiseerde API-tests willen in batch verschillende veldwaarden genereren voor data-gedreven testscenario's
• Bij het schrijven van API-documentatie en Swagger / OpenAPI-voorbeelden snel verzoek-/responsvoorbeelden produceren die aan de structuur voldoen
• Voorbereiding van grote hoeveelheden gestructureerde testdata vóór load- en performance-tests om de stabiliteit onder hoge concurrency te valideren
• Bij database-migratiescripts en data-cleaning-tools voorbeeld-JSON genereren om bedrijfslogica te valideren
• Onderwijs- en demoscenario's: technische blogs, PPT-screenshots en trainingsmateriaal die goed gestructureerde JSON-voorbeelden vereisen
• Bij frontend-formuliervalidatie en lokale cache-logica: grenswaarden genereren (extreem klein / groot / leeg / afwijkend type) om te testen

Hoe te gebruiken

1. Bekijk het standaard voorbeeldschema in de linker 'Schema-bouwer' (7 velden: id / name / email / age / active / createdAt / bio) of klik op '+' om een aangepast veld toe te voegen
2. Stel voor elk veld een veldnaam (aangepast) en veldtype (13 keuzes) in; bij numerieke en alinea-types kun je min/max invullen, bij Enum vul je door komma's gescheiden waarden in
3. Vink 'Genereren als array' aan en stel een aantal in (1-1000), of vink het uit om slechts één JSON-object te genereren
4. Klik rechtsboven op 'Genereren'; de rechtereditor toont direct de opgemaakte JSON met het aantal velden en gegenereerde records
5. Klik op 'Kopiëren' om het resultaat in code of API-tools te plakken, of klik op 'Downloaden' om het op te slaan als generated.json-bestand

Functies

• 13 ingebouwde veldtypes: String / Integer / Number / Boolean / Email / Name / UUID / Date / URL / Phone / Paragraph / Enum / Array, direct klaar voor gebruik zonder sjabloonsyntaxis
• Visuele veldbouwer: voeg velden toe of verwijder ze via een grafische interface, stel veldnaam en type in, volledig WYSIWYG zonder handmatig JSON-sjablonen te schrijven
• Bereikbesturing voor getallen en alinea's: Integer-, Number- en Paragraph-types ondersteunen aangepaste minimum- en maximumwaarden voor business-realistische data
• Aangepaste Enum-waarden: voer een door komma's gescheiden waardenlijst in (zoals admin,user,guest) om gecontroleerde discrete opties te genereren
• Schakel tussen object en array: vink 'Genereren als array' aan + voer een aantal in (1-1000) om vrij te schakelen tussen enkele JSON en array-vorm
• Voorbeeldschema snel laden: ingebouwd 7-velden voorbeeld (id / name / email / age / active / createdAt / bio), één klik voor een compleet voorbeeld
• Code-highlighting uitvoerpaneel: de rechter CodeMirror-editor toont realtime resultaten met JSON-syntaxhighlighting, regelnummers en alleen-lezen weergave
• Kopiëren en downloaden in één klik: genereer resultaten om direct naar het klembord te kopiëren of te downloaden als generated.json-bestand
• Volledig lokaal in de browser: alle veldconstructie en datageneratie draait lokaal in je browser, geen data-upload, veilig voor gevoelige bedrijfsvelden
• Desktop- en mobielvriendelijk: verstelbare links/rechts-kolomindeling op pc, automatische invoer/uitvoer-Tab op mobiel

Codevoorbeelden

// Place generated.json in /public/mock/users.json
// Then use fetch to get it as Mock data
async function fetchMockUsers() {
  const res = await fetch('/mock/users.json');
  const users = await res.json();
  console.log(`Loaded ${users.length} users`);
  return users;
}

// Or embed directly into code (good for test cases)
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 }
];

// Or import as fixture in Jest / Vitest
import users from './fixtures/users.json';
test('renders user list', () => {
  render(<UserList users={users} />);
  expect(screen.getAllByRole('listitem')).toHaveLength(users.length);
});

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

fake = Faker('nl_NL')  # Dutch localization

# Generate a single user
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()
    }

# Batch generate 100 records and write to 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"Generated {len(users)} user records")

# Suppose generated.json is in the current directory and the target API is POST /api/users
# Batch initialize data
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

# Or extract a single record with jq and POST it
cat generated.json | jq '.[0]' | \
  curl -X POST https://api.example.com/users \
    -H "Content-Type: application/json" \
    -d @-

Veelgestelde vragen

Probleemoplossing

Woordenlijst

JSON

JavaScript Object Notation, een lichtgewicht data-uitwisselingsformaat opgebouwd uit sleutel-waardeparen en arrays. Het is de de facto standaard voor web-API's en frontend-backend datatransport.

Mock-data

Verzonnen gegevens die echte bedrijfsscenario's simuleren. Gebruikt voor frontend-ontwikkeling, API-integratie en geautomatiseerd testen wanneer er nog geen echte backend is. De structuur moet overeenkomen met de echte API.

Schema

Een definitie die de datastructuur beschrijft, bijvoorbeeld 'gebruiker bevat id-, name- en email-velden'. In deze tool verwijst Schema naar de verzameling veldnamen en types in de linker veldbouwer.

UUID (v4)

Universeel unieke identifier, een 128-bits tekenreeks volgens de RFC 4122-standaard. v4 is gebaseerd op willekeurige getallen (inclusief 13/8/9/a/b-variantbits) en is nagenoeg nooit duplicaat, vaak gebruikt voor gedistribueerde primary keys.

Veldtype (Field Type)

Het datatype dat aan elk veld in deze tool moet worden toegewezen. Het bepaalt welke vorm van willekeurige waarde wordt gegenereerd. Email genereert bijvoorbeeld een e-mailformaat-tekenreeks, Integer een geheel getal.

Enum

Een veldtype dat willekeurig één waarde uit een vooraf gedefinieerde discrete waardenverzameling trekt. Bijvoorbeeld admin,user,guest — ideaal voor rollen, statussen en niveaus.

min / max

Begrenzing van het waardebereik van een veld, alleen geldig voor Integer-, Number- en Paragraph-types. Na instelling worden willekeurige waarden binnen dit gesloten interval gegenereerd, waardoor onrealistische grenswaarden worden vermeden.

Enkel object vs. array-uitvoer

Deze tool ondersteunt twee uitvoervormen: zonder 'Genereren als array' levert het een enkel JSON-object {} (ideaal voor enkele API-debugging); met vinkje en aantal levert het een objectarray [...] (ideaal voor batchdata).

RFC 4122

De internationale standaard voor UUID's, die het formaat, de versies (v1-v5) en variantbits definieert. De door deze tool gegenereerde UUID's voldoen aan de v4-specificatie.

CodeMirror

Een browsergebaseerde code-editorcomponent. Het rechter uitvoergedeelte van deze tool gebruikt CodeMirror voor JSON-syntaxhighlighting, regelnummers en alleen-lezen weergave.

Lokale verwerking

Alle veldconstructie en datageneratie wordt volledig in de browser van de gebruiker via JavaScript uitgevoerd, zonder upload naar een server. Sneller en veiliger, geschikt voor gevoelige bedrijfsvelden.

Fixture

Een vast testbestand met voorbeeldgegevens. De uitvoer van de generator kan worden opgeslagen als generated.json en dienen als fixture voor regressietests om reproduceerbare resultaten te garanderen.

Overzichtstabel veldtypes en genereerregels

De 13 ingebouwde veldtypes van deze tool met waardebereik, typisch gebruik en voorbeeld:

Veelvoorkomende JSON-generatiescenario's en aanbevolen veldcombinaties

Hieronder de meest voorkomende API-testdatascenario's met aanbevolen veldcombinaties die je direct kunt overnemen:

Privacy & Security

Alle veldconstructie, willekeurige datageneratie, kopiëren en downloaden in deze JSON-generator gebeurt volledig lokaal in je browser via JavaScript. Je gedefinieerde Schema, gegenereerde willekeurige data, veldnamen en aantallen worden nooit naar een server geüpload, niet vastgelegd, niet gecachet en niet in de cloud opgeslagen. Interne API-velden, niet-live bedrijfsstructuren en gevoelige testscenario's kun je veilig gebruiken zonder risico op datalekken.

Authoritative References

• IETFRFC 4122 - UUID-specificatie voor universeel unieke identifiers
• OfficialOfficiële JSON-website (inclusief syntaxisspecificatie)
• LibraryMock.js - Frontend Mock-databibliotheek
• LibraryFaker.js / Faker Python - uitgebreidere bibliotheken voor nepdaten
• MDNMDN - JSON.parse / JSON.stringify