JSON-Generator

Ähnliche Tools

Über den JSON-Generator und Mock-Testdaten

Anwendungsfälle

• Frontend-Entwicklung braucht stabile, wiederholbare Mock-Daten, um Komponenten wie Benutzerlisten, Produktkarten oder Bestelldetails zu rendern
• Backend-APIs sind noch nicht fertig – Frontend-Entwickler erzeugen Daten für die Integration, ohne auf das Backend zu warten
• QA-Teams schreiben datengetriebene automatisierte API-Testfälle und brauchen schnell eine Vielzahl unterschiedlicher Feldwerte
• API-Dokumentation und Swagger-/OpenAPI-Beispiele: schnell passende Request-/Response-Beispiele erzeugen
• Vor Last- und Performancetests große Mengen strukturierter Testdaten bereitstellen, um die Stabilität unter hoher Last zu prüfen
• Datenbank-Migrationsskripte oder Datenbereinigungs-Tools entwickeln: Beispiel-JSON zur Validierung der Geschäftslogik erzeugen
• Lehre und Demos: in Tech-Blogs, Präsentationen oder Schulungsunterlagen werden sauber formatierte JSON-Beispiele benötigt
• Formularvalidierung und Cache-Logik im Frontend entwickeln: Grenzwerte konstruieren (minimal / maximal / leer / anomale Typen)

Anleitung

1. Schaue dir links im „Schema-Builder“ das Standard-Beispiel-Schema an (7 Felder: id / name / email / age / active / createdAt / bio) oder klicke auf „+“, um eigene Felder hinzuzufügen.
2. Lege für jedes Feld einen Feldnamen und einen der 13 Feldtypen fest. Für Zahlen und Absätze kannst du min/max setzen, beim Typ Enum kommagetrennte Kandidaten eintragen.
3. Aktiviere „Als Array ausgeben“ und lege die Anzahl fest (1–1000). Alternativ deaktivieren, um nur ein einzelnes JSON-Objekt zu erzeugen.
4. Klicke oben rechts auf „Generieren“. Im Editor rechts erscheint sofort das formatierte JSON mit Anzeige der Feld- und Datensatzanzahl.
5. Klicke auf „Kopieren“, um das Ergebnis in Code oder API-Tools einzufügen, oder auf „Herunterladen“, um es als generated.json-Datei zu speichern.

Funktionen

• 13 integrierte Feldtypen: String / Integer / Number / Boolean / Email / Name / UUID / Date / URL / Phone / Paragraph / Enum / Array – sofort einsatzbereit ohne Vorlagensyntax
• Visueller Feld-Builder: Felder per GUI hinzufügen, entfernen und umbenennen – WYSIWYG, kein manuelles JSON-Template nötig
• Wertebereiche für Zahlen und Absätze: Integer, Number und Paragraph unterstützen eigene min/max-Werte für realitätsnahe Daten
• Enum mit eigenen Werten: Komma-getrennte Wertelisten (z. B. admin,user,guest) für kontrollierte diskrete Optionen
• Einzelobjekt oder Array mit einem Klick: Aktiviere „Als Array ausgeben“ und lege die Anzahl (1–1000) fest, um flexibel zwischen einzelnem JSON und Array zu wechseln
• Beispiel-Schema schnell laden: 7 vordefinierte Felder (id / name / email / age / active / createdAt / bio) auf Knopfdruck
• Code-Editor mit Hervorhebung: Der CodeMirror-Editor zeigt das Ergebnis live mit JSON-Syntaxhervorhebung, Zeilennummern und Read-only-Modus
• Kopieren und Herunterladen mit einem Klick: Ergebnis direkt in die Zwischenablage kopieren oder als generated.json-Datei herunterladen
• Lokale Browser-Verarbeitung: Alle Felddefinitionen und die Datengenerierung laufen vollständig in deinem Browser – null Uploads, sicher für sensible Geschäftsdaten
• Responsives Layout: Zwei-Spalten-Ansicht am Desktop, automatischer Tab-Wechsel zwischen Eingabe und Ausgabe am Mobilgerät

Codebeispiele

// Place generated.json under /public/mock/users.json
// Then use fetch to load 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 in 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 a 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('de_DE')  # German locale

# 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")

# Assume generated.json is in the current directory, target API is POST /api/users
# Bulk-seed 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 @-

Häufig gestellte Fragen

Fehlerbehebung

Glossar

JSON

JavaScript Object Notation – schlankes Datenaustauschformat aus Schlüssel-Wert-Paaren und Arrays, de facto Standard für Web-APIs und die Kommunikation zwischen Front- und Backend.

Mock-Daten

Gefälschte Daten, die reale Geschäftsszenarien simulieren. Sie werden in Frontend-Entwicklung, API-Integration und automatisierten Tests eingesetzt, solange das echte Backend noch nicht angebunden ist, und müssen strukturell mit der echten API übereinstimmen.

Schema

Beschreibung einer Datenstruktur, z. B. „Benutzer besteht aus id, name und email“. In diesem Tool steht Schema für die im Feld-Builder links definierte Sammlung aus Feldnamen und Feldtypen.

UUID (v4)

Universally Unique Identifier – 128-Bit-Zeichenkette nach RFC 4122. Version 4 wird zufällig erzeugt (mit Variant-Bits 13/8/9/a/b), kollidiert praktisch nie und wird häufig für verteilte Primärschlüssel verwendet.

Feldtyp (Field Type)

Der Datentyp, den jedes Feld in diesem Tool zwingend angibt. Er bestimmt, in welchem Format der Zufallswert erzeugt wird – z. B. erzeugt der Typ Email eine E-Mail-Zeichenkette, Integer eine Ganzzahl.

Enum (Aufzählung)

Feldtyp, der zufällig einen Wert aus einer vordefinierten diskreten Menge zieht – z. B. einer von admin,user,guest. Geeignet für Rollen-, Status- und Stufen-Felder.

min / max

Wertebereichs-Beschränkung, gilt nur für die Typen Integer, Number und Paragraph. Die Zufallswerte werden innerhalb dieses geschlossenen Intervalls erzeugt, um offensichtlich gefälschte Ausreißer zu vermeiden.

Einzelobjekt vs. Array-Ausgabe

Zwei Ausgabeformen: Ist „Als Array ausgeben“ deaktiviert, wird ein einzelnes JSON-Objekt {} erzeugt (ideal zum Debuggen einzelner Requests). Aktiviert und mit Anzahl versehen, wird ein Objekt-Array [...] ausgegeben (für Massendaten).

RFC 4122

Internationaler Standard für UUIDs, der Format, Versionen (v1–v5) und Variant-Bits definiert. Die in diesem Tool erzeugten UUIDs entsprechen v4.

CodeMirror

Code-Editor-Komponente im Browser. Der Ausgabebereich rechts nutzt CodeMirror für JSON-Syntaxhervorhebung, Zeilennummerierung und Read-only-Anzeige.

Lokale Verarbeitung

Alle Felddefinitionen und die Datengenerierung laufen vollständig im Browser des Nutzers per JavaScript – es wird nichts an einen Server übertragen. Schneller und sicherer, auch für sensible Geschäftsdaten geeignet.

Fixture

Feste Beispieldatei für Tests. Generator-Output lässt sich als generated.json speichern und dient als Fixture für Regressionstests, um reproduzierbare Ergebnisse sicherzustellen.

Feldtypen und Erzeugungsregeln – Schnellübersicht

Wertebereiche, typische Einsatzzwecke und Beispiele der 13 integrierten Feldtypen:

Häufige JSON-Generierungsszenarien und empfohlene Feldkombinationen

Hier sind einige gängige Szenarien für API-Testdaten samt empfohlenen Feldkombinationen, die du direkt übernehmen kannst:

Privacy & Security

Dieser JSON-Generator verarbeitet alle Felddefinitionen, die zufällige Datenerzeugung sowie Kopieren und Herunterladen vollständig lokal in deinem Browser per JavaScript. Weder dein definiertes Schema noch die erzeugten Zufallsdaten, Feldnamen oder Anzahlen werden an irgendeinen Server übertragen, gespeichert, zwischengespeichert oder in die Cloud geschrieben. Auch interne API-Felder, unveröffentlichte Geschäftsstrukturen und sensible Testszenarien können bedenkenlos verwendet werden – ein Datenleck-Risiko besteht nicht.

Authoritative References

• IETFRFC 4122 – UUID-Spezifikation (Universally Unique Identifier)
• OfficialJSON.org – offizielle Website (mit Syntax-Spezifikation)
• LibraryMock.js – Frontend-Mock-Bibliothek
• LibraryFaker.js / Faker Python – umfangreiche Fake-Daten-Bibliotheken
• MDNMDN – JSON.parse / JSON.stringify