Coder Social home page Coder Social logo

mock-master's Introduction

mock-master

像拼接积木那样管理mock数据的本地mock数据工具。

安装

npm install --save-dev mock-master

使用

使用方式很灵活,我们先看最简单的用法。

简单用法

第一步

在项目根目录创建文件夹,命名为mockFiles。 然后目录中新建一个文件,命名为kitty.js

# 目录结构
├── mockFiles
│   └── kitty.js
// kitty.js
module.exports = () => {
  return {
    message: 'ok',
    code: 200,
    result: {
      name: 'kitty',
      age: 10
    }
  }
}

第二步

创建mock数据拼接管理文件,命名为mockSwitchMap.js。 这个文件用途之后会介绍,它是本工具最重要的元素之一。

# 目录结构
├── mockFiles
│   └── kitty.js
├── mockSwitchMap.js
module.exports = {
  share: [],
  api: []
}

新建mock的node服务启动文件,命名为mockServer.js

# 目录结构
├── mockFiles
│   └── kitty.js
├── mockServer.js
├── mockSwitchMap.js
// mockServer.js
const MockMaster = require('mock-master')
const path = require('path')
const mockSwitchMap = require('./mockSwitchMap.js')
/**
 * config说明
 * @param mockRoot mock文件的根目录
 * @param port mock服务的端口
 * @param mockSwitchMap mock管理列表
 * @param apiPrefix 客户端请求api的前缀,比如'/api/kitty.json',apiPrefix就是'/api'
 * @param apiSuffix 客户端请求api的后缀,比如'/api/kitty.json',apiSuffix就是'.json'
 */
const mock = new MockMaster({
  root: path.join(__dirname, 'mockFiles'),
  port: 7878,
  switchMap: mockSwitchMap,
  apiPrefix: '/api',
  apiSuffix: '.htm'
})
// 启动mock服务
mock.start()

第三步

运行:

node mockServer.js

这样,就可以像简单的mock工具那样使用了。

使用方法进阶

如果这工具只能和普通的mock工具那样,就没存在的意义了。所以我们接下来介绍进阶方式。

mock-master's People

Contributors

codelittleprince avatar

Stargazers

 avatar

Watchers

 avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.