json-server與mockjs結合實踐

mock server服務目錄

index.js            // 可以認爲是模擬數據庫，或者應該算接口返回的結果集
json-server.json    // json-server配置
db                  // 存儲返回結果集的模擬表
    posts
    ...

將模擬表組合成模擬數據庫

// index.js
let posts = require('./db/posts')()

module.exports = () => {
  let db = {
    posts: posts
  }

  return db
}

使用mockjs定義單個模擬表

// ./db/posts.js
const Mock = require('mockjs')
const Random = Mock.Random

module.exports = () => {
  // 模擬表
  let table = []
  // 模擬表初始長度
  let count = 10

  // 生成模擬表數據
  for (let i = 0; i < count; i++) {
    // 模擬表記錄結構
    let one = {
      title: Random.cword(3, 5),
      content: Random.cword(10, 100)
    }
    one.id = i
    table.push(one)
  }

  return table
}

啓動json-server服務，訪問posts模擬接口：

將每個模擬表都分開的好處是，更直觀、更便於管理。

Mockjs類型支持示例：http://mockjs.com/examples.html

json-server瞭解更多：https://github.com/typicode/json-server