使用yapi进行数据Easy Mock

1、关于yapi

上节我们说了关于代理转发、跨域啊这么一些问题,对于数据的伪造我们使用了yapi,因为这样的话既可以很好的维护一封api文档,又可以进行数据的mock,这是我们这个项目的的接口文档:vue-mallyapi就是一个接口管理平台了,顺带做些数据mock。

2、简单使用

怎么用看yapi文档,官方文档还是讲的比较清晰的,我这里就以项目中使用了的来举几个列子。

登录注册一个账号以后,你可以创建一些分类,对接口分门别类,这样的话就比较清晰,也利于维护。
下图 YAPI 页面及接口设置页面使用yapi进行数据Easy Mock_第1张图片
使用yapi进行数据Easy Mock_第2张图片
使用yapi进行数据Easy Mock_第3张图片

设置数据格式

简单的设置不需要手工敲,只需要对JSON数据格式熟悉就可以了
使用yapi进行数据Easy Mock_第4张图片

生成模板

使用yapi进行数据Easy Mock_第5张图片

生成地址

使用yapi进行数据Easy Mock_第6张图片
确实挺好用的

再来说说Easy Mock

http://mock.mengxuegu.com/
首先登陆官网使用yapi进行数据Easy Mock_第7张图片

新建项目后开始设置,需要手动敲写也需要会点moke语法
使用yapi进行数据Easy Mock_第8张图片
之后可以预览效果使用yapi进行数据Easy Mock_第9张图片
最后复更新的链接就可以在项目中请求了
使用yapi进行数据Easy Mock_第10张图片

总结两种写法都挺好的 比之前一个一个模拟JSON要好很多

欢迎补充 也欢迎指出不足的地方

你可能感兴趣的:(使用yapi进行数据Easy Mock)