Mock Daten Generator
Zufälliges JSON · Template-Platzhalter · Batch-Generierung
Mock generieren
Bereit
ABOUT
Über Mock Daten Generator
Definieren Sie JSON-Vorlagen mit Platzhaltern und generieren Sie mit einem Klick mehrere zufällige Testdatensätze.
Das Frontend sollte nicht durch den Backend-Fortschritt blockiert werden. Der Mock-Generator erstellt stapelweise strukturell korrekte JSON aus Vorlagen, sodass Listenseiten, Formulare und Diagrammkomponenten entwickelt und visuell überprüft werden können, bevor echte APIs fertig sind.
DEEP DIVE
Erfahren Sie mehr über den Mock-Datengenerator
Die Frontend-Entwicklung kommt oft ins Stocken, wenn Backend-APIs nicht bereit sind. Der Mock-Datengenerator verwendet JSON-Vorlagen und Platzhaltersyntax, um zufällige, aber strukturell korrekte Tests JSON zu produzieren. JSONSort Mock wird lokal ausgeführt und unterstützt Randomisierungsregeln für Zeichenfolgen, Zahlen, Boolesche Werte, Arraylängen und mehr.
Platzhalter können auf jeder JSON-Ebene verschachtelt werden – definieren Sie einmal eine Vorlage, generieren Sie N Datensätze als Array und verwenden Sie sie direkt als Mock Server- oder Komponenten-Requisitendaten.
Die Platzhaltersyntax funktioniert innerhalb von JSON-Zeichenfolgenwerten. Der Generator wählt zufällige Strategien nach Feldnamensemantik (Name der → Person, E-Mail-E-Mail-Format usw.→) aus. Feste Felder ohne Platzhalter werden in jedem Datensatz wiederholt - ideal für Status-, Typ- und andere ENUM-Konstanten.
FEATURES
Kernfunktionen
Template-Platzhalter
Verwenden Sie die Platzhaltersyntax in JSON-Vorlagen, um Zufallswerte zu generieren.
Batch Generation
Geben Sie count an, um mehrere Mock-Datensätze auf einmal als Array zu erstellen.
Typ-Randomisierung
Zufällige Typen: Zeichenfolgen, Ganzzahlen, Gleitkommazahlen, Boolesche Werte, UUID, Datumsangaben und mehr.
Struktur-Erhaltung
Die generierten Daten folgen strikt der durch die Vorlage definierten JSON-Struktur.
Sofortige Vorschau
Sofortige Neugenerierung, wenn sich Vorlage oder Anzahl ändern.
Local Generation
Mock data never hits die server—safe für prototyping.
Batch-Anzahl
Generieren Sie N Datensätze auf einmal, um das paginierte Gesamtdatenvolumen zu simulieren.
Structure Constraints
Die Ausgabe entspricht genau der JSON Schema-Form der Vorlage, ohne zusätzliche Schlüssel.
HOW TO USE
Gebrauchsanweisung
-
1
Schreiben oder fügen Sie eine JSON-Vorlage ein
-
2
Legen Sie die Anzahl der Generationen fest
-
3
Copy Mock data array
-
4
Verwenden Sie die Schaltfläche Beispieldaten, um Eingabe-/Ausgabeformate schnell zu verstehen
-
5
Ergebnisse in die Zwischenablage kopieren oder mit anderen JSONSort-Tools verketten
WORKFLOW
Typischer Workflow
End-to-end workflow aus importieren zu exportieren, helping teams standardize Mock Data Generator usage.
Define Template
Write a JSON object and replace string values with {{field}} placeholders.
Anzahl festlegen
Specify record count and preview array output.
Template feinabstimmen
Adjust fields und placeholder types based auf UI needs.
Export Fixtures
Copy to src/mocks/ or MSW handlers.
USE CASES
Use-Cases
Frontend developers
Generieren Mock data für list und detail pages during UI development.
QA-Ingenieure
Build edge-case test data: empty arrays, long strings, special characters.
Produktdemo
Fill demo environments mit realistic fake data zu avoid blank pages.
Backend developers
Batch-generate API doc sample data for Swagger descriptions.
UI-Entwicklung
Fill Storybook stories with 20 list Mock records.
Stress Testing
Generieren large JSON volumes zu test frontend virtual scrolling und memory.
TIPS
Hinweise
- Verwenden Sie Code Generator auf real API samples für structure first, then replace fields mit placeholders für Mock templates.
- For list pages, generate 10–20 Mock records zu cover pagination und scroll testing.
- Platzhalternamen deuten auf Typen hin, z. B. {{name}}, {{age}}, {{email}}.
- After generation, kopieren zu die Formatter zu überprüfen structure, then importieren zu Mock Server.
- Chain mit JSON Formatter: Mock Ausgabe → format → kopieren zu project fixtures directory.
- Avoid real user PII in Mock data, even für lokal development.
- Get templates aus Code Generator first, then change values zu {{placeholder}}.
- Verwenden Sie {{uuid}} für id fields zu avoid list key conflicts.
- Edge testing: generate 0, 1, und 1000 records zu überprüfen UI separately.
- Prefix Mock data mit fake_ zu avoid confusion mit real data.
LOCAL VS ONLINE
Lokal vs online tools
JSONSort stays purely frontend—this comparison shows why lokal tools fit dev data better.
TROUBLESHOOTING
Häufige Fallstricke & Lösungen
Probleme, die in der Praxis auftreten können, und wie Sie damit umgehen—spart Zeit bei Trial-and-Error.
Platzhalter nicht ersetzt
Tipp:Must be {{name}} inside string values; non-strings won't be replaced.
Falscher Typ
Conseil :For numeric fields mit placeholders, write Strings in die template und post-process, oder verwenden fixed numbers.
Inkonsistente Array-Struktur
Tipp:Template defines a single record structure; the generator wraps it as an array.
PII Compliance
Conseil :Even mit Mock data, don't verwenden real names oder phone numbers in templates.
FAQ
Häufige Fragen
What ist die placeholder syntax?
Verwenden Sie {{fieldName}} inside String values; die generator replaces them mit random values.
Can I fix a specific field?
Felder ohne Platzhalter behalten in jedem Datensatz ihre ursprünglichen Werte.
Generierungsanzahl-Limit?
Hängt vom Browserspeicher ab; Hunderte von Datensätzen sind normalerweise in Ordnung.
Is die random seed fixed?
Re-randomisiert bei jeder Seitenaktualisierung. Speichern Sie die generierten Ergebnisse, wenn Sie einen festen Seed benötigen.
Can nested arrays be mocked?
Ja. Verwenden Sie Platzhalterzeichenfolgen auch innerhalb verschachtelter Objekte.
Is data uploaded zu a server?
Nein. Alle JSONSort-Tools laufen lokal in Ihrem Browser - Ihre Eingabe wird niemals an ein Backend gesendet.
Do I need zu sign up oder install anything?
No. Open the page and go—kein Konto, kein Client-Download, PWA-Offline-Cache unterstützt.
How large kann files be?
Abhängig vom Browserspeicher; Multi-MB-Daten laufen in der Regel reibungslos. Teilen Sie sehr große Dateien oder verwenden Sie zuerst Merge & Clean.