Mocxykit

🚀 Mocxy - Local Development Environment Proxy Tool

Mocxy is a powerful local development environment proxy tool that offers several practical features, enabling developers to streamline their development process and enhance efficiency.

🚀 Quick Start

Ngrok Public Access

To use Ngrok for public access, follow these steps:

1. Visit the configuration page: http://localhost:3000/config
2. Click the settings icon in the top - right corner
3. Sign up for a free account on the Ngrok Console
4. Copy the authtoken of your Ngrok account
5. Paste the authtoken into the settings window
6. Click "Enable Public Access"

⚠️ Important Note

• There are usage limitations for the free version of Ngrok.
• The public URL will be regenerated each time a new tunnel is created.

Environment Variable Management

To enable the environment variable feature, follow these steps:

1. Use a webpack configuration with DefinePlugin.
2. Add WebpackProxyMockPlugin to your webpack setup.
3. Alternatively, in the Vite plugin, add viteProxyMockPlugin to vite.config.js.

MCP Data Request Support

When using MCP to request data in AI programming, refer to the following examples:

Example 1: Fetching todo list data

// Implement the todo list feature in @todoList.tsx

The AI will automatically request the data structure of the api/todo - list interface and generate code based on the returned results.

Example 2: Handling error messages

// Request the api/todo - list interface and handle error feedback

The AI will retrieve the error data, analyze its structure, and then generate a pop - up layer to display the error information.

Faker MOCK Data Support

The Faker MOCK feature provides flexible data generation capabilities:

1. Check the "Return random data" option on the MOCK data editing page.
2. Fill in the field paths that need to be randomized.
3. Supported syntax formats include:
   • data: Randomize the entire data object.
   • data.list: Randomize only the list field.
   • data.list<100>: Generate 100 random data entries.
   • data,page.total: Randomize multiple fields.

Static Resource Caching

Mocxy offers an efficient static resource caching function:

• Automatic caching: Quickly load static resources.
• Multi - level caching mechanism: Improve access speed.
• Configurable cleaning strategy: Manually or automatically clear the cache.

✨ Features

• Ngrok Public Access: Allows local development projects to be accessed from the public network.
• Environment Variable Management: Facilitates the creation, binding, and switching of environment variables.
• MCP Data Request Support: Enables seamless data requests in AI programming.
• Faker MOCK Data Generation: Provides flexible data generation for testing purposes.
• Static Resource Cache: Optimizes the loading speed of static resources.

📚 Documentation

Environment Variable Management

Environment variables support the following operations:

1. Create multiple environment configurations.
2. Bind environment variables to specific proxies.
3. Quickly switch between different environments.
4. Optionally clear the cache when switching environments.

Getting Help

For further assistance, contact the developer's email or visit the official documentation.

⚠️ Important Note

This document is only an example. Please refer to the actual tool for specific functions and operations.