当团队准备做一个项目,通常的做法是,先由团队的领导进行可行性研究,当可研通过后,就要开始交由开发人员进行开发工作,这时候前后端会一起开会讨论,对项目进行建模分析、数学分析,确保该项目的设计模型是自洽的。当设计模型得到前后端认可的时候,则可以进行开发工作。通常由团队的高级工程师将设计模型转化为文档(有前后端交互用的接口文档、存储用的数据库表等),然后交由中级工程师,按照设计给出的原型图,前端用JS、后台用Java实现接口文档。
接口文档出来后,后台开发接口是需要时间的,前端不可能等后台开发好接口以后再进行接口调试,前后台开发应该是同时进行的,这时候就需要前端先mock些数据,用这些数据,进行页面的开发展示,等后台开发好接口,再进行联调。
本文提供一种最接近原生接口的mock数据的方式,用koa2写接口。如果你想用工具mock数据,而懒得自己写接口,这篇文章会很适合你https://www.jianshu.com/p/801651fd3ae0
- 先安装koa、 koa-router
yarn add koa koa-router --dev
-
在本地写json文件
-
写服务
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')
})
- 启动服务
node index.js
网友评论