Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/botshen/mockgenius
Seamlessly Mock Backend Data with Ease
https://github.com/botshen/mockgenius
ant-design chrome-extension react zustand
Last synced: about 1 month ago
JSON representation
Seamlessly Mock Backend Data with Ease
- Host: GitHub
- URL: https://github.com/botshen/mockgenius
- Owner: botshen
- Created: 2023-08-31T01:30:14.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2023-11-20T15:04:40.000Z (about 1 year ago)
- Last Synced: 2024-04-23T03:41:25.290Z (9 months ago)
- Topics: ant-design, chrome-extension, react, zustand
- Language: TypeScript
- Homepage:
- Size: 1.9 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
MockGenius
Intercept requests and directly return Mock data , including XMLHttpRequest, fetch class interface This is a Mock tool to intercept the corresponding request and directly return configuration data . It can help us in the development process , to reduce the dependence on interfaces , as far as possible to ensure that we can and more clear logic to develop or test code .
## Features
### Seamless Data Mocking
Built on Vite 4 and Chrome Extension Manifest V3, MockGenius enables swift simulation of backend API data in your development environment, ensuring a smoother frontend development experience.
### User-Friendly Interface
With one-click installation and an intuitive interface, effortlessly set up and manage mock data without relying on real backend data for development and testing.
### Optimized for Development
Utilize MockGenius's development mode to view and modify simulated data in real-time, enabling rapid debugging of your frontend applications and boosting development cycles.
### Highly Customizable
Offering robust configuration options, precisely emulate various scenarios including different data types, states, and response times.
By embracing MockGenius, you'll unlock unparalleled development velocity and flexibility, making it easier to craft exceptional web applications. Install MockGenius now and explore limitless development possibilities!
## Installation
Run：
```
yarn
```
## Usage: Development
Run：
```
node watch.js
```
Saving a random file triggers compilation, which then loads or expands in the browser
## Build: Production Environment
Run：
```
yarn build
```
TODO:
- [x] mock返回的config的mock
- [ ] 增加动态前缀
- [x] 支持对请求fetch类进行拦截
- [ ] 根据 swagger2.0 文档自动生成 Mock 数据
- [ ] 支持 GraphQL 请求的 Mock。
- [ ] 允许对匹配的接口进行 Redirect 操作。
- [ ] 提供 contains、equals 和 regexp 三种匹配模式，以满足不同的接口匹配需求
- [ ] 支持中英文两种语言。根据浏览器语言环境，自动显示对应的语言。
- [ ] 支持一键重置。
- [x] 支持对 Mock 的配置进行 Clone。
- [ ] 根据入参不同返回mock不同的返回值
- [ ] 支持期望来重复循环上百条数据
- [ ] 提取json数据结构
- [ ] 分页数据，根据入参的页数返回不同的数据
- [ ] 备选常用的生活数据进行mock
- [ ] 多语言
- [ ] 换肤