mocxykit
Промежуточное ПО для фронтенд-разработки: проксирование запросов, генерация мок-данных и визуальное управление.
Описание
Mocxykit — middleware для webpack, Vite и других фронтенд-сервисов. Обеспечивает проксирование HTTP(S)-запросов, создание мок-данных с поддержкой Faker для случайной генерации. Включает визуальный интерфейс для управления конфигурацией, синхронизацию с ApiFox, поддержку MCP для AI-программирования и Ngrok для публичного доступа. Идеально для разработки: тестирование API, отладка без бэкенда, интеграция с AI-редакторами.
Возможности
Проксирование запросов
Глобальное и кастомное проксирование HTTP(S) для API, с поддержкой нескольких серверов и переключением.
Генерация мок-данных
Создание статических/динамических моков, Faker для случайных данных (email, URL, массивы), возврат по параметрам запроса.
Визуальное управление
Web-интерфейс для редактирования конфигурации, предпросмотра, истории запросов и тестирования API.
Синхронизация с ApiFox
Импорт API-документации и мок-данных, автоматическая синхронизация, просмотр параметров и ответов.
Поддержка MCP
Протокол для AI-редакторов (Cursor): автоматическое получение мок- или реальных данных по ключевым словам в промптах.
Ngrok-интеграция
Публичный доступ к локальному серверу через туннель, безопасный HTTPS и управление токенами.
Управление окружениями
Создание/переключение переменных окружения, привязка к прокси, очистка кэша браузера.
Установка
Установка: npm install mocxykit –save-dev.
Для Webpack (>=5): Добавить WebpackProxyMockPlugin в plugins с опциями (apiRule: ‘/api/*’, lang: ‘zh’).
Для Vite: Импортировать viteProxyMockPlugin в plugins vite.config.js.
Для Vue CLI: В vue.config.js использовать setupMiddlewares для инъекции.
Для Express: app.use(proxyMockMiddleware({options})).
Для Rsbuild: rsbuildProxyMockPlugin в plugins.
Доступ к интерфейсу: http://localhost:3000/config.