/macaca-datahub-sample

一个 Demo 教你用 Macaca DataHub 解决前端开发时的数据 Mock 问题

Primary LanguageJavaScript

Macaca DataHub sample

如何用 DataHub 解决前端工程师开发过程中的数据 Mock 问题

启动前端开发服务 (React + Vite)

$ cd frontend
$ npm install
$ npm run dev

配置 DataHub 环境

  1. 全局安装 macaca-datahub:
$ npm install macaca-datahub -g
  1. 一键启动服务:
$ datahub server
  1. 打开 DataHub 启动的地址:
$ http://127.0.0.1:9200
  1. 创建一个 Hub 并打开数据上传模式: 创建 Hub 打开数据上传模式

  2. 导入此目录下的模板数据: project_sample.json 导入模板数据

  3. 进入刚创建的 Hub,开始用 DataHub 助力前端开发: Dashboard Frontend Dev

Just enjoy the data out-of-the-box

Demo

进阶

启动后端服务联调 (Eggjs)

$ cd server
$ npm install
$ npm run dev

可在联调阶段通过实时快照快速录入场景数据

Snapshot Import

Contributors


snapre


github-actions[bot]


xudafeng

This project follows the git-contributor spec, auto updated at Tue Apr 19 2022 14:11:24 GMT+0000.