ToolPal
Code on a laptop screen showing JSON data

Mock-Daten-Generator — Sofortige Test-JSON, CSV und SQL Daten

📷 Photo by luis gomes / Pexels

Mock-Daten-Generator — Sofortige Test-JSON, CSV und SQL Daten

Schluss mit manuell erstellten Testdaten. Generieren Sie realistische Fake-Datensatze mit Namen, E-Mails, Adressen und mehr — sofort, kostenlos, direkt im Browser.

DVon Daniel Park19. April 20264 Min. Lesezeit

Stellen Sie sich das vor: Sie haben gerade ein glänzendes neues React-Dashboard aufgebaut. Das Design ist fertig, die Komponenten sind verbunden. Sie öffnen die App und... starren in eine Leere aus leeren Tabellen, Skeleton-Loader und Platzhaltertext, der in buchstäblich jeder Zeile "Max Mustermann" sagt, weil Sie dasselbe Objekt zwölfmal kopiert haben.

Wir alle kennen das. Dummy-Daten von Hand schreiben klingt nach zwei Minuten Arbeit und frisst irgendwie einen halben Nachmittag. Sie fangen mit { id: 1, name: "Alice" } an, merken dann, dass Sie auch E-Mail-Adressen brauchen. Dann eine Telefonnummer. Dann eine Firma. Dann wollen Sie mindestens zwanzig Zeilen, damit die Paginierung tatsächlich etwas tut. Dann fragt Ihr Kollege, warum jeder Benutzer in der "Musterstraße 1" wohnt.

Es gibt einen besseren Weg. Der Mock-Daten-Generator erzeugt realistische, abwechslungsreiche Fake-Datensätze in Sekunden ohne Einrichtungsaufwand.


Warum handgeschriebene Testdaten eine Falle sind

Das Problem mit handgemachten Dummy-Daten liegt nicht nur in der Zeit, die es braucht — sie sind zu perfekt. Sie tippen saubere, einheitliche, vorhersagbare Werte ein. Alle Namen klingen vertraut, alle E-Mails folgen demselben Muster, alle Strings haben ungefähr die gleiche Länge.

Echte Daten sind unordentlich. Namen haben Bindestriche und Umlaute. E-Mail-Adressen haben Zahlen. Firmennamen haben Satzzeichen. Wenn Sie nur mit ordentlichen Dummy-Daten testen, finden Sie Fehler in der Produktion, die Ihre sauberen Test-Fixtures nie aufgedeckt hätten.

Gute Mock-Daten sollten:

  • Vielfältig sein — verschiedene Längen, Muster und kulturelle Herkunft
  • Ausreichend sein — genug Zeilen für Stresstests von Paginierung, Filterung und Sortierung
  • Bei Bedarf reproduzierbar sein — auch nach Schema-Änderungen
  • Format-flexibel sein — JSON für JavaScript, CSV für Tabellen, SQL für Datenbanken

Genau das bietet dieses Tool.


Anwendungsfälle

UI-Prototyping

Sie gestalten eine Benutzer-Verwaltungstabelle oder ein Kontaktverzeichnis. Sie brauchen realistische Zeilen, um zu sehen, wie sich das Layout bei unterschiedlicher Datendichte verhält. Überfließt die Tabelle bei einem 30-Zeichen-Firmennamen? Bricht die Avatar-Spalte das Grid?

Datenbankseeding

Ihre lokale Entwicklungsdatenbank ist leer. Mit 50–100 Zeilen Mock-Daten seeden Sie Ihre Dev-Umgebung so, dass sie wie eine echte Anwendung funktioniert. Mit dem SQL-Ausgabemodus können Sie INSERT-Anweisungen direkt in Ihren Datenbank-Client einfügen.

API-Mocking

Sie bauen ein Frontend, bevor die Backend-API bereit ist. Exportieren Sie die JSON-Ausgabe, legen Sie sie in eine Fixture-Datei oder ein Tool wie MSW (Mock Service Worker), und die UI-Entwicklung kann unabhängig fortgesetzt werden.

Demos und Präsentationen

Eine Tabelle voller "Max Mustermann / max@example.com" zehnmal wiederholt verdirbt die Wirkung jedes polierten Produktdemos. Der Mock-Daten-Generator gibt Ihnen in Sekunden einen Screen, der wie eine echte, befüllte Anwendung aussieht.


Verwendung des Mock-Daten-Generators

Öffnen Sie den Mock-Daten-Generator und Sie sehen drei Hauptsteuerungen.

1. Feldauswahl

Wählen Sie mit den Checkboxen, welche Felder enthalten sein sollen:

  • id — fortlaufende Ganzzahl ab 1
  • firstName / lastName — aus einem internationalen Namenspool
  • email — abgeleitet von Vor-/Nachname mit zufälligem Suffix und @example.com
  • phone — US-Format: +1-XXX-XXX-XXXX
  • company — aus einer Liste fiktiver Firmennamen
  • jobTitle — realistische Berufsbezeichnung
  • address — Hausnummer + Straßenname + Typ
  • city / country — Paare aus 15 Weltstädten/Ländern
  • zipCode — zufälliger 5-stelliger Code
  • birthDate — Datum zwischen 1944 und 2006
  • avatar — Gravatar-URL auf Basis des E-Mail-Hashs
  • isActive — Boolean, zu 70% true
  • age — Ganzzahl zwischen 18 und 80

2. Zeilenzahl

Stellen Sie die Anzahl der Zeilen ein (1–100). Standard ist 10.

3. Ausgabeformat

JSON — Array von Objekten. Ideal für JavaScript/TypeScript-Projekte.

CSV — Kopfzeile + Datenzeilen. In Excel öffnen, in Datenbank importieren, durch Skript leiten.

SQLINSERT INTO users (...) VALUES (...) Anweisungen. Direkt in Datenbank-Client einfügen. Funktioniert mit PostgreSQL, MySQL, SQLite.

4. Generieren, Kopieren, Herunterladen

Generieren erzeugt jedes Mal einen neuen Datenbatch. Kopieren überträgt die Ausgabe in die Zwischenablage, Herunterladen speichert sie als .json, .csv oder .sql.


Faker.js vs. Browser-Tool

Verwenden Sie Faker.js, wenn:

  • Die Mock-Datengenerierung Teil Ihrer automatisierten Test-Suite sein soll
  • Sie mehr als 100 Zeilen auf einmal benötigen
  • Sie locale-spezifische Daten brauchen (deutsche Adressen, japanische Namen)
  • Sie die Integration in eine CI-Pipeline benötigen

Verwenden Sie das Browser-Tool, wenn:

  • Sie Daten sofort ohne Installation brauchen
  • Sie prototypisieren, bevor das Projekt eine package.json hat
  • Sie eine entfernte Datenbank seeden möchten, auf der Sie keine Skripte ausführen können
  • Sie ein Werkzeug mit nicht-technischen Kollegen teilen möchten

Beide Ansätze haben ihren Platz.


Abschluss

Mock-Daten brauchen Sie ständig, aber können nie echte Zeit dafür rechtfertigen. Der Mock-Daten-Generator macht aus einer 10-Minuten-Aufgabe eine 10-Sekunden-Aufgabe. Wählen Sie Ihre Felder, wählen Sie Ihr Format, klicken Sie auf Generieren und kehren Sie zur eigentlichen Arbeit zurück.

Wenn Sie einen JSON-Blob prüfen oder umformatieren möchten, ist der JSON-Formatter das Richtige. Kein Install. Kein Signup. Keine Daten verlassen Ihren Browser.

Häufig gestellte Fragen

D

Über den Autor

Daniel Park

Senior frontend engineer based in Seoul. Seven years of experience building web applications at Korean SaaS companies, with a focus on developer tooling, web performance, and privacy-first architecture. Open-source contributor to the JavaScript ecosystem and founder of ToolPal.

Mehr erfahren

Artikel teilen

XLinkedIn

Verwandte Beiträge