Mock-JSON-Generator

Was ist ein Mock-JSON-Generator?#

Realistische Testdaten sind der langweilige Flaschenhals jedes Prototyps. Sie sehen wollen, wie eine Tabelle mit fünfhundert Zeilen rendert, wie sich ein Formular bei seltsamen E-Mail-Adressen verhält, wie ein Diagramm aussieht, wenn die Zahlen drei Größenordnungen umspannen — und stattdessen verbringen Sie den Nachmittag damit, {"name":"test","email":"[email protected]"} immer wieder neu zu tippen, weil echte Daten privat sind und Sie sie nicht verwenden dürfen.

Ein Mock-JSON-Generator schließt diese Lücke. Sie beschreiben die Form des Objekts, das Sie brauchen — ein paar Feldtypen oder eine Vorlage mit Platzhaltern — und er synthetisiert so viele Zeilen, wie Sie verlangen, jede anders, keine eine echte Person. Die Ausgabe ist ein JSON-Array, das Sie direkt in eine Fixture-Datei, eine Demo-Datenbank oder einen fetch-Mock einfügen können.

Diese Seite erzeugt auf zwei Arten. Der Modus Feldauswahl bietet ein Menü gängiger Felder (Vollständiger Name, E-Mail, Telefon, UUID, Datum, Firma und weitere), die Sie an- und abwählen; jede Zeile wird zu einem Objekt mit diesen Feldern. Der Modus Vorlage lässt Sie ein JSON-Gerüst mit {{faker.path}}-Platzhaltern schreiben, sodass Sie die genauen Schlüsselnamen und die Schachtelung kontrollieren. Die Ausgabe kann als JSON oder CSV heruntergeladen werden für den Tabellenkalkulations-Weg, und regionalspezifische Daten werden unterstützt, sodass die Namen für das Publikum, dem Sie demonstrieren, richtig aussehen.

Verwendung#

1. Wählen Sie einen Modus am Werkzeugleisten-Umschalter:
   • Feldauswahl (Standard): links erscheint eine Checkliste von Feldtypen. Wählen Sie die, die Sie in jeder Zeile wollen — zum Beispiel Vollständiger Name, E-Mail und UUID. Jedes Feld hat einen festen Standardschlüssel (name, email, uuid).
   • Vorlage: stattdessen erscheint ein Textfeld. Schreiben Sie ein JSON-Objekt (oder Array), dessen String-Blätter Platzhalter wie {{person.fullName}} oder {{internet.email}} enthalten.
2. Legen Sie die Anzahl fest — wie viele Zeilen erzeugt werden sollen, von 0 bis 1000.
3. Wählen Sie eine Sprache, um die erzeugten Namen, Städte und Telefonnummern zu beeinflussen. Zehn Sprachen werden angeboten, von Englisch bis 中文, 日本語, 한국어, العربية.
4. Klicken Sie auf Erzeugen. Die rechte Fläche füllt sich mit einem formatierten JSON-Array der synthetisierten Zeilen.
5. Klicken Sie unter der Ausgabe auf JSON herunterladen oder CSV herunterladen, um das Ergebnis als Datei zu speichern (CSV ist praktisch zum Laden in eine Tabellenkalkulation oder zum Seeden einer Datenbank via Import).
6. Verwenden Sie Beispiel, um eine Start-Vorlage zu laden, oder Leeren, um zurückzusetzen.

Die schwere Generator-Bibliothek wird erst geladen, wenn Sie zum ersten Mal auf Erzeugen klicken, sodass die Seite sofort öffnet. Die Erzeugung läuft vollständig in Ihrem Browser.

Eckpunkte#

• Zwei Autorenstile. Felder ankreuzen für einen schnellen Start oder eine Vorlage schreiben, wenn Sie eigene Schlüssel, Schachtelung oder eine Mischung aus wörtlichem Text und erzeugten Werten brauchen.
• Vierzehn Vorgabefelder. Namen, Berufsbezeichnungen, E-Mails, Benutzernamen, Telefone, UUIDs, aktuelle Daten, Städte, Länder, Firmen, URLs, Absätze und Farbnamen — die gängigen Bausteine eines Demo-Datensatzes.
• Regionsbewusste Werte. Schalten Sie die Sprache um und folgen die Personen- und Ortsdaten — nützlich, wenn die Demo lokal wirken soll.
• Vorlagen-Platzhalter bewahren Typen. Ein Platzhalter, der der gesamte Wert eines String-Blatts ist, wird zu seinem nativen Typ aufgelöst — sodass {{date.recent}} ein echter ISO-Datumstring wird, kein zitiertes Fragment.
• Bis zu 1000 Zeilen. Genug, um eine paginierte Tabelle oder ein repräsentatives Fixture zu füllen, ohne den Tab zu überlasten.
• JSON- und CSV-Export. Einmal erzeugen, für welchen Verbraucher Sie haben — ein JSON-Fixture oder ein Tabellenkalkulations-Import.
• Nur lokal. Daten werden in Ihrem Browser synthetisiert; nichts über Ihre Vorlage oder Ausgabe verlässt die Seite.

Konkretes Beispiel#

Sie brauchen zehn Benutzerdatensätze für eine Demo, jeden mit einem Namen, einer E-Mail und einer eindeutigen ID. Lassen Sie es im Modus Feldauswahl, entfernen Sie alle Haken außer Vollständiger Name, E-Mail und UUID, setzen Sie Anzahl auf 10 und klicken Sie auf Erzeugen. Die Ausgabe ist ein JSON-Array, dessen erste Zeilen so aussehen:

[
  {
    "name": "Sara Schultz",
    "email": "[email protected]",
    "uuid": "f3a1c2b4-9d8e-4a7b-bc6e-1f2d3a4b5c6d"
  },
  {
    "name": "Derrick Watsica",
    "email": "[email protected]",
    "uuid": "b7e6d5c4-a3b2-4987-8d6e-5c4b3a2f1e09"
  }
]

Jede Zeile ist anders, keine der Adressen ist ein echtes Postfach, und die UUIDs sind eindeutig. Für eine Form, die die Feldauswahl nicht ausdrücken kann — sagen wir ein Datensatz, der eine wörtliche Rolle mit erzeugten Feldern mischt — wechseln Sie in den Modus Vorlage und schreiben:

{
  "id": "{{string.uuid}}",
  "name": "{{person.fullName}}",
  "role": "member",
  "email": "{{internet.email}}"
}

Das Feld role ist wörtlicher Text, deshalb liest jede Zeile "member"; die anderen drei lösen sich pro Zeile zu frischen synthetisierten Werten auf. Setzen Sie die Anzahl auf so viele, wie Sie brauchen, und exportieren Sie.

FAQ#

Sind die E-Mail-Adressen echte Postfächer, an die ich senden kann?#

Nein. Jeder Wert ist synthetisiert — die Namen sind plausible Kombinationen, und die E-Mail-Adressen folgen einer realistischen Form, routen aber zu niemandem. Genau das ist der Punkt: Sie erhalten Daten, die aussehen wie Produktionsdaten zum Testen von Layout, Validierung und Sortierung, ohne das Postfach einer echten Person zu berühren.

Kann ich die Daten für ein bestimmtes Land lokal aussehen lassen?#

Ja. Die Auswahl Sprache ändert, wie Personennamen, Städte und Telefonnummern erzeugt werden. Wählen Sie 中文（简体） und die Namen werden chinesische Namen; wählen Sie 日本語 und sie werden japanische Namen. Das zählt, wenn eine Demo für ihr Publikum authentisch wirken soll.

Warum erscheint {{date.recent}} im Vorlagenmodus als ISO-String ohne Anführungszeichen um die Datumlogik?#

Wenn ein Platzhalter der gesamte Wert eines String-Blatts ist, wird er zum nativen Rückgabewert des Generators aufgelöst, statt als Text interpoliert zu werden. Ein recent-date-Aufruf liefert ein echtes Datum-Objekt zurück, das sich dann im Ausgabe-JSON als ISO-String serialisiert. Wenn Sie es stattdessen in umgebenden Text eingebettet haben möchten, setzen Sie wörtliche Zeichen drumherum — "shipped on {{date.recent}}" — und es wird in den Satz einstringifiziert.

Wie viele Zeilen kann es auf einmal erzeugen?#

Bis zu tausend. Das reicht, um eine paginierte Tabelle zu füllen, eine Fixture-Datei zu bevölkern oder eine Testdatenbank via CSV-Import zu seeden. Darüber hinaus erzeugen Sie in Chargen oder greifen zu einem dedizierten Datenbank-Seeder.

Sind die erzeugten Daten reproduzierbar?#

Jeder Klick auf Erzeugen liefert einen frischen Zufallssatz — genau das will man, wenn man in einer UI nach Randfällen sucht. Die Werte sind in dieser Seite nicht an einen Seed gepinnt, deshalb behandeln Sie eine bestimmte Ausgabe nicht als etwas, das Sie später bytegenau reproduzieren können; speichern Sie die Ausgabe in einer Fixture-Datei, wenn Sie einen bestimmten Datensatz exakt reproduzieren müssen.