推荐一个生成后端模拟数据的懒人工具：lazy-mock

点击上方蓝色“程序猿DD”，选择“设为星标”

回复“资源”获取独家整理的学习资料！

作者 | 若邪

来源 | https://juejin.im/post/6871592049485807630

# 前言

最近，发现一个比较好玩的东东，一个不需要 mock 并且匹配正则的接口直接转发到后端地址的小工具。

install

yarn create @lowcoding/mock

start

yarn start

mock server 默认在本地 3000 端口启动，访问 http://localhost:3000/ 即可。

lowcode-mock 默认支持跨域，前端项目中可不必再配置代理，直接请求 lowcode-mock 起的服务即可。

mock

在 src\routes 目录下新建一个 js 文件，将如下内容复制进去保存即可：

import KoaRouter from 'koa-router'
import proxy from '../middleware/Proxy'
import { delay } from '../lib/util'
let Mock = require('mockjs')
let Random = Mock.Randomconst router = new KoaRouter()
router.get('/your-mock-api', (ctx) => {ctx.body = '你的第一个mock接口'
})
module.exports = router

使用 vscode 插件 yapi-code ，可直接根据 JSON 数据或者 YAPI 接口定义自动生成 mock 接口以及 mock 数据。

# 根据 YAPI 生成 mock

复制 YAPI 上接口 id ，比如 https://你的yapi地址/project/869/interface/api/14037 最后面的数字部分

访问创建的 mock 接口，即可拿到随机的 mock 数据：

# 根据 JSON 生成 mock

复制 JSON 数据，比如：

通过 JSON 数据生成的 mock 接口需要手动修改路由地址。

根据字段类型或字段名称生成特定的 mock 数据

配置 yapi-code

配在 package.json 中即可

    "yapi-code.mockKeyWordLike": {"icon": "Random.image('48x48')","img":"Random.image('48x48')","image":"Random.image('48x48')","code": "200&&number","name":"'模糊匹配后生成的mock'"},"yapi-code.mockKeyWordEqual": {"message": "'这是一条精确的mock'","total": 200,},"yapi-code.mockString": "Random.cword(5, 6)","yapi-code.mockBoolean": "Random.boolean()","yapi-code.mockNumber": "Random.natural(100,1000)"

根据 json 数据

const json = {code: 100,message: '请求成功',result: {list: [{code: '注意这是一个字符串的code',name: '张三',icon: '',actived: false,},],total: 0,},
}

生成如下代码

访问 mock 接口即可拿到如下类似数据：

.get(`xxxxx`, async (ctx, next) => {        const list1 = []        for (let i = 0; i < 3; i++) {            list1.push({                code: Random.cword(5, 6),                name: '模糊匹配后生成的mock',                icon: Random.image('48x48'),                actived: Random.boolean(),            })        }        ctx.body = {            code: 200,            message: '这是一条精确的mock',            result: { list: list1, total: 200 },        }    })

延时

import KoaRouter from 'koa-router'import proxy from '../middleware/Proxy'import { delay } from '../lib/util'let Mock = require('mockjs')let Random = Mock.Random
const router = new KoaRouter()router.get('/delay', (ctx) => {    delay(3) // 3 秒后返回结果    ctx.body = 'delay'})

可用于测 loading 效果。

http 异常状态码


router.get('/httpError', (ctx) => {    ctx.status = 401    ctx.body = 'http 401'})

代理


router.get('/proxy', proxy('https://github.com/wjkang/lowcode-mock'), (ctx) => {    ctx.body = 'https://github.com/wjkang/lowcode-mock'})

来自 /proxy 的请求转发到 https://github.com/wjkang/lowcode-mock/proxy ，用于后端接口可联调的时候跳过本地 mock，转发请求到后端接口。

router.all(new RegExp('^/lowcode/mock/(|^$)'), proxy('https://github.com/wjkang/lowcode-mock'))

不需要 mock 并且匹配正则的接口直接转发到后端地址。

# 源码地址

https://github.com/wjkang/lowcode-mock

往期推荐

Java 15 转正了，国内几大互联网公司均有贡献，其中腾讯最为突出！

赠书：一本书带你吃透Nginx应用与运维

超全的 Linux Shell 文本处理工具集锦，快收藏

MySQL中的InnoDB是怎么解决幻读的？

Redis为什么变慢了？常见延迟问题定位与分析

我们在星球聊了很多深度话题，你不来看看？

我的星球是否适合你？

点击阅读原文看看我们都聊过啥？