mocxykit

Name: mocxykit
Author: shunseven

@shunseven

mocxykit について

This is an Frontend development service middleware that can be used with webpack and vite. Its main function is to visualize the configuration, manage http(s)-proxy, and mock data.

基本情報

カテゴリ

その他

ライセンス

MIT

ランタイム

node

トランスポート

stdio

公開者

shunseven

設定

標準の設定はありません

このサーバーの README には解析可能な MCP 設定ブロックが含まれていません。インストール手順はリポジトリをご確認ください。

リポジトリ

ツール

ツールは検出されませんでした

ツールは README から自動的に抽出されます。メンテナーは ## Tools という見出しの下に記載することで、このタブに反映できます。

概要

What is mocxykit?

mocxykit is a middleware for frontend development servers that handles request proxying and data mocking. It works with Webpack, Vite, and other dev server setups, and is intended solely for development use.

How to use mocxykit?

Install the package (npm install mocxykit --save-dev), then add the appropriate plugin or middleware to your build configuration (e.g., WebpackProxyMockPlugin, viteProxyMockPlugin, or proxyMockMiddleware for Express). Open http://localhost:3000/config in a browser to access the visual management interface.

Key features of mocxykit

Proxy requests and mock data with a visual management interface
Supports global proxy and per‑URL custom proxying
Dynamically switch between proxy and mock for individual endpoints
Generate random mock data with faker support
Manage and switch between multiple environments
Expose local server publicly via Ngrok
Sync API data from ApiFox automatically or manually

Use cases of mocxykit

Develop and test frontend features without a live backend
Quickly mock API responses during local development
Simulate error responses or edge cases returned by a real API
Share a local dev environment with external testers or clients via Ngrok
Let AI coding assistants auto‑fetch mock or recent request data via MCP protocol

FAQ from mocxykit

What is the purpose of mocxykit?

It proxies requests and provides mock data to accelerate frontend development. It is designed for development only, not production.

What build tools does mocxykit support?

It supports webpack (v4+ and v5+), Vite, Vue CLI, express, and Rsbuild via dedicated plugins or middlewares.

Does mocxykit require a backend server?

No. It runs as a middleware within the frontend dev server and can either forward requests to a real backend or return mock data locally.

How do I expose my local server to the internet?

Enable Ngrok access through the settings panel. You need a free Ngrok account and authtoken. Each new tunnel generates a new public URL.

Can mocxykit sync data from ApiFox?

Yes. Provide an ApiFox access token, select a project and API groups, and sync API definitions, mock data, and documentation into the local environment.