api-hot-middleware

a api middleware hotloaded

demo

配置

  var express = require('express')
  var bodyParser = require('body-parser')
 
  var app = express()
  /* 如果你要接收POST、PUT、DELETE请求的参数，必须使用bodyParser处理 */
  app.use(bodyParser.json());
  app.use(bodyParser.urlencoded({ extended: false }));
  const apiConfig = [{
    path:'/demo/:id',
    file:'/demo'
  }]
  app.use('/api', apiMiddleware({apiConfig: apiConfig}));

备注：

• 所有的模拟数据均位于api目录下，目录路径对应请求路径，简单的请求路径直接对应文件相对路径
• 特殊的如urlParams，需要配置对应规则，详见示例

书写模拟数据

简单示例

exports.getData = function(method, data) {
  return [{
    id: 1,
    txt: '健康饮食'
  }, {
    id: 2,
    txt: '心理健康'
  }, {
    id: 3,
    txt: '冬令进补'
  }, {
    id: 4,
    txt: '运动补水'
  }]
}

复杂示例

  const Mock = require('mockjs')
  Mock.Random.extend({
    clsType: function(date) {
      var constellations = ['白羊座', '金牛座', '双子座', '巨蟹座', '狮子座', '处女座', '天秤座', '天蝎座', '射手座', '摩羯座', '水瓶座', '双鱼座']
      return this.pick(constellations)
    }
  })
 
  const item = {
    'type': '@clsType',
    'name': '@cname',
    'birthday': '@date(yyyy-MM-dd)',
    // 'height': '@float(30,220,0,0)',
    'weight': '@float(5,150,2,2)',
    'intro': '@cparagraph(3)'
  };
  const reqMockConfig = {
    'type': '@clsType',
  }
 
  exports.getData = function(method,data){
    /*
    	method:请求方式(string)，值为GET、POST、PUT、DELETE之一
    	data:参数（Object），用户传递的param1可以用data.param1获取
    	return string
    */
    if(Mock.valid(reqMockConfig, data).length === 0){
    	return JSON.stringify(Mock.mock(item));
    }else{
      // 捕捉到不符合规则的提交数据，进行相关业务处理
      return JSON.stringify({
        data: {},
        code: 8,
        msg: '提交数据有误'
      })
    }
  }

demo with webpack

dev-server.js

// ...
var mockTable = config.dev.mockTable
Object.keys(mockTable).forEach(function (context) {
  var options = mockTable[context]
  app.use(context, apiMiddleware(options));
})
// ...

config/index.js

var mockConfig = [{
  path:'/demo/:id',
  file:'/demo'// 对应的模拟数据文件api/demo.js
}]
module.exports = {
  // ...
  dev: {
    // ...
    mockTable: {
      '/api': { // 要使用模拟数据的url路径
        mockConfig,
        allowOrigin: ['http://localhost:8080'], // 域名白名单
        crosCookie: true, // 允许跨域cookie，默认false
        unsafeMode: true // 允许非安全的get请求，默认false
      }
    },
  }
}