Mock generator
Случайный JSON · Шаблонные плейсхолдеры · Пакетная генерация
Генерация Mock
Готово
ABOUT
О Mock generator
JSON-шаблон с плейсхолдерами — одним кликом несколько случайных тестовых записей.
Frontend не должен ждать backend. Mock generator по шаблону выдаёт структурно корректный JSON — list pages, forms, charts до готовности real API.
DEEP DIVE
Подробнее о Mock generator
Frontend часто блокируется неготовыми API. Mock generator по JSON-шаблону и плейсхолдерам — пакет случайных, но структурно верных JSON. JSONSort Mock локально: string, number, boolean, array length и др.
Плейсхолдеры на любом уровне вложенности; один шаблон → N записей в массиве для Mock Server или component props.
Плейсхолдеры в string values; генератор по имени поля (name → имя, email → email). Фиксированные поля без плейсхолдера повторяются — status, type и enum constants.
FEATURES
Ключевые возможности
Шаблонные плейсхолдеры
Плейсхолдеры в JSON-шаблоне → случайные значения.
Пакетная генерация
Укажите количество — массив Mock-записей за раз.
Случайные типы
String, int, float, boolean, UUID, date и др.
Сохранение структуры
Вывод строго по JSON-структуре шаблона.
Мгновенный предпросмотр
Изменение шаблона или count → мгновенная перегенерация.
Локальная генерация
Mock не через сервер — безопасно на этапе прототипа.
Пакетный count
N записей за раз — симуляция pagination total.
Ограничение структуры
Вывод строго по shape шаблона — без лишних ключей.
HOW TO USE
Шаги использования
-
1
Напишите или вставьте JSON-шаблон
-
2
Задайте количество генерации
-
3
Скопируйте массив Mock-данных
-
4
Кнопка примеров — быстро понять формат ввода/вывода
-
5
Скопируйте в буфер или свяжите с другими инструментами JSONSort
WORKFLOW
Типичный workflow
Полный цикл от импорта до экспорта — единообразное использование Mock generator в команде.
Определите шаблон
JSON object, string values → {{field}} плейсхолдеры.
Задайте количество
Количество записей — preview массива.
Тонкая настройка шаблона
Поля и типы плейсхолдеров под UI.
Экспорт fixtures
В src/mocks/ или MSW handler.
USE CASES
Сценарии использования
Frontend-разработка
Mock для list/detail pages на этапе UI-разработки.
Инженер по тестированию
Boundary tests: пустые массивы, длинные строки, special chars.
Product demo
Realistic fake data для demo — без пустых экранов.
Backend-разработка
Пакетная генерация примеров для Swagger docs.
UI development
Storybook stories — 20 list Mock records.
Stress testing
Большой JSON для virtual scroll и memory frontend.
TIPS
Советы
- Сначала code generation из real API sample → шаблон с плейсхолдерами.
- List page Mock — 10–20 записей для pagination и scroll.
- Имя плейсхолдера намекает на тип: {{name}}, {{age}}, {{email}}.
- После генерации — format, затем Mock Server.
- Цепочка: Mock → format → fixtures directory.
- Не используйте real user PII даже в local Mock.
- Шаблон из code generation, values → {{placeholder}}.
- id — {{uuid}} во избежание list key conflicts.
- Boundary: 0, 1, 1000 записей — проверка UI.
- Префикс fake_ в Mock — не путать с real data.
LOCAL VS ONLINE
Локально vs онлайн-инструменты
JSONSort — чистый frontend: почему локальные инструменты лучше для dev-данных.
TROUBLESHOOTING
Типичные ошибки и решения
Частые проблемы и рекомендации — меньше проб и ошибок.
Плейсхолдер не заменился
Совет:Только {{name}} внутри string values; не-string не заменяется.
Неверный тип
Совет:Числовое поле с плейсхолдером — string в шаблоне + post-process или fixed number.
Несогласованная структура array
Совет:Шаблон — одна запись; генератор оборачивает в array.
PII compliance
Совет:Даже в Mock не используйте настоящие имена/телефоны в шаблоне.
FAQ
Частые вопросы
Какой синтаксис плейсхолдеров?
В string values: {{fieldName}} — генератор подставляет случайное значение.
Можно зафиксировать поле?
Поля без плейсхолдера сохраняют значение в каждой записи.
Лимит количества генерации?
Зависит от памяти браузера; сотни записей обычно без проблем.
Фиксированный random seed?
При каждом refresh новая случайность; для фиксации — сохраните результат.
Mock для вложенных array?
Да. Плейсхолдеры-строки и во вложенных объектах.
Данные уходят на сервер?
Нет. Все инструменты JSONSort работают локально в браузере.
Нужна регистрация или установка?
Нет. Откройте страницу — без аккаунта и клиента; поддержка PWA offline.
Какой максимальный размер файла?
Зависит от памяти браузера; обычно несколько MB. Огромные — разбейте или используйте merge/очистку.