Home

Awesome

<h1 align="center">项目简介</h1> <p align="center"> electron-mock-admin是一个Mock Api 管理系统。 前端使用vue3、typescript、vite构建, 后端使用koa2实现mockserver。 现阶段目的是做一个简洁易用的mock接口数据的工具。 </p> <p align="center"> <a href="https://github.com/lixin59/electron-mock-api/blob/main/LICENSE"> <img alt="MIT license" src="https://img.shields.io/npm/l/chonky?style=flat&colorB=dcd67a" /> </a> <a href="https://github.com/lixin59/electron-mock-api"> <img alt="GitHub stars" src="https://img.shields.io/github/stars/lixin59/electron-mock-api?style=flat&colorB=50f4cc" /> </a> <a href="https://github.com/lixin59/electron-mock-api"> <img src="https://img.shields.io/github/last-commit/lixin59/electron-mock-api.svg?style=flat-square"> </a> <a href="https://github.com/lixin59/electron-mock-api"> <img src="https://img.shields.io/github/last-commit/lixin59/electron-mock-api.svg?style=flat-square"> </a> <img src="https://img.shields.io/github/commit-activity/y/lixin59/electron-mock-api?style=flat-square"> <br /> <img src="https://img.shields.io/github/issues/lixin59/electron-mock-api?style=flat-square"> <img src="https://img.shields.io/github/issues-closed-raw/lixin59/electron-mock-api?style=flat-square"> <img src="https://img.shields.io/github/forks/lixin59/electron-mock-api?style=flat-square"> <img src="https://img.shields.io/github/watchers/lixin59/electron-mock-api?style=flat-square"> <br /> </p> <p align="center"> <a href="https://github.com/lixin59/electron-mock-api/tree/main/docs">文档</a> · <a href="https://github.com/lixin59/electron-mock-api/releases">下载</a> </p>

特性

  1. 日志记录
  2. 本地配置存储

v1版本计划

    • 后端服务
    • 项目管理配置界面
    • 数据看板
    • 日志界面
    • 用户鉴权

文档

项目数据

本产品所有的数据文件用户目录下的.app-mock-admin文件夹中

日志文件

接口数据

本产品的接口和项目通过json文件进行管理文件地址在用户目录下

{
    "config": {
        "projectName": "测试项目",
        "baseUrl": "/api/v1",
        "port": 8080,
        "createdAt": 1678707592401,
        "id": 1678707592401,
        "lastUpdateAt": 1678707592401
    },
    "mockList": [
        {
            "name": "接口1",
            "enable": true,
            "url": "/test",
            "id": 1678707725807,
            "method": "get",
            "createdAt": 1678707725807,
            "lastUpdateAt": 1678708199903,
            "data": "{\"code\":200,\"msg\":\"test\",\"data\":{\"list|1-10\":[{\"id|+1\":1}]}}",
            "rules": [
                {
                    "name": "name",
                    "key": 0,
                    "type": "string",
                    "required": true,
                    "message": "缺少name字段或者字段类型不正确"
                }
            ],
            "timeout": 1000,
            "responseType": "json"
        },
        {
            "name": "接口2",
            "enable": true,
            "url": "/test",
            "id": 1678708519562,
            "method": "post",
            "createdAt": 1678708519562,
            "lastUpdateAt": 1678708529198,
            "data": "{\"code\":200,\"msg\":\"test\",\"data\":{\"list|1-10\":[{\"id|+1\":1}]}}",
            "rules": [
                {
                    "name": "",
                    "key": 0,
                    "type": "string",
                    "required": false,
                    "message": ""
                }
            ],
            "timeout": 1000,
            "responseType": "json"
        }
    ]
}

项目示例图

接口列表 端口占用

安装使用

pnpm i
pnpm dev
pnpm build

如何贡献

非常欢迎您的加入!提一个 Issue 或者提交一个 Pull Request。

Git 贡献提交规范

项目已经内置 angular 提交规范,直接执行 commit 命令即可。

项目已用 simple-git-hooks 代替了 husky, 旧版本用了 husky,执行 pnpm soy init-git-hooks 进行初始化配置

electron-vite-vue-admin 是完全开源免费的项目.

特别鸣谢

感谢Soybean Adminelectron-vite开源的项目模板