美文网首页后端之美-NodeJS
koa2 前端mock数据,支持访问本地json文件

koa2 前端mock数据,支持访问本地json文件

作者: 小小的开发人员 | 来源:发表于2019-06-14 15:57 被阅读41次

  当团队准备做一个项目,通常的做法是,先由团队的领导进行可行性研究,当可研通过后,就要开始交由开发人员进行开发工作,这时候前后端会一起开会讨论,对项目进行建模分析、数学分析,确保该项目的设计模型是自洽的。当设计模型得到前后端认可的时候,则可以进行开发工作。通常由团队的高级工程师将设计模型转化为文档(有前后端交互用的接口文档、存储用的数据库表等),然后交由中级工程师,按照设计给出的原型图,前端用JS、后台用Java实现接口文档。
  接口文档出来后,后台开发接口是需要时间的,前端不可能等后台开发好接口以后再进行接口调试,前后台开发应该是同时进行的,这时候就需要前端先mock些数据,用这些数据,进行页面的开发展示,等后台开发好接口,再进行联调。

  本文提供一种最接近原生接口的mock数据的方式,用koa2写接口。如果你想用工具mock数据,而懒得自己写接口,这篇文章会很适合你https://www.jianshu.com/p/801651fd3ae0

  1. 先安装koa、 koa-router
yarn add koa koa-router --dev
  1. 在本地写json文件


  2. 写服务

const Koa = require('koa')
const Router = require('koa-router')
const fs = require('fs')
const app = new Koa()
const router = new Router()

let checkInfo = fs.readFileSync('../data/getCheckInfo.json').toString()
let groupList = fs.readFileSync('../data/groupList.json').toString()
let group = fs.readFileSync('../data/getGroup.json').toString()

router.get('/check/getCheckInfo', function (ctx, next) {
  ctx.set('Content-Type', 'application/json')
  ctx.set('Access-Control-Allow-Origin', '*')
  ctx.body = checkInfo
  next()
})
router.get('/group/groupList', function (ctx, next) {
  ctx.set('Content-Type', 'application/json')
  ctx.set('Access-Control-Allow-Origin', '*')
  ctx.body = groupList
  next()
})
router.get('/group/getGroup', function (ctx, next) {
  ctx.set('Content-Type', 'application/json')
  ctx.set('Access-Control-Allow-Origin', '*')
  ctx.body = group
  next()
})
app
  .use(router.routes())
  .use(router.allowedMethods())

app.listen(3000, () => {
  console.log('server is starting at port 3000')
})
  1. 启动服务
node index.js

相关文章

网友评论

    本文标题:koa2 前端mock数据,支持访问本地json文件

    本文链接:https://www.haomeiwen.com/subject/fwdpfctx.html