Open youngwind opened 8 years ago
前后端同步开发的话总是会碰到这样的一个问题:前端需要等后端接口提供的数据。为了解决这个问题,一般有这么几个思路。
其实我们分析一下,我们想要的不过是这样的东西。 前后端一起定义接口,接口定义好之后前端就能直接从线上的某个地址拿到预先规定好的假数据。 寻寻觅觅,终于让我找到了合适的工具,那就是rap。
这里有一个rap的介绍视频,通俗易懂又搞笑。
使用rap,不仅仅是作为假数据生成平台,同时也是一个很好的接口查看和管理平台,有了它,各个项目的接口一目了然,再也不用需要到各个项目的readme文档里面去寻找接口了。
我们再说说mock,虽然最后并没有采用mock.js作为请求拦截和假数据生成的工具,但是mock这种根据语法规则生成随机假数据的思想还是很值得借鉴的,rap中也集成支持mock语法。所以下面我们简单地介绍一下mock语法。
npm install mockjs --save
var Mock = require('mockjs'); var data = Mock.mock({ 'list|1-10':[{ 'id|+1':1 }] }) console.log(data);
{ list: [ { id: 1 }, { id: 2 }, { id: 3 } ] }
问题
前后端同步开发的话总是会碰到这样的一个问题:前端需要等后端接口提供的数据。为了解决这个问题,一般有这么几个思路。
rap
其实我们分析一下,我们想要的不过是这样的东西。 前后端一起定义接口,接口定义好之后前端就能直接从线上的某个地址拿到预先规定好的假数据。 寻寻觅觅,终于让我找到了合适的工具,那就是rap。
这里有一个rap的介绍视频,通俗易懂又搞笑。
使用rap,不仅仅是作为假数据生成平台,同时也是一个很好的接口查看和管理平台,有了它,各个项目的接口一目了然,再也不用需要到各个项目的readme文档里面去寻找接口了。
mock
我们再说说mock,虽然最后并没有采用mock.js作为请求拦截和假数据生成的工具,但是mock这种根据语法规则生成随机假数据的思想还是很值得借鉴的,rap中也集成支持mock语法。所以下面我们简单地介绍一下mock语法。
1.安装
2.生成假数据
3.执行结果