专栏首页vue学习使用yapi进行数据mock

使用yapi进行数据mock

1、关于yapi

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

2、简单使用

  • 怎么用看yapi文档,官方文档还是讲的比较清晰的,我这里就以项目中使用了的来举几个列子。
  • 登录注册一个账号以后,你可以创建一些分类,对接口分门别类,这样的话就比较清晰,也利于维护。

界面概览

  • 然后可以去新建一个接口,点击编辑什么的就可以定义你所返回的数据了,以我们项目中的获取用户信息为例。

新建接口

3、高级mock

  • 一般我不用普通mock来进行编写,因为太繁琐了,还要一个个去输入框里输入,所以基本项我们panda-mall项目中在yapi上的mock都是使用的高级mock功能。
  • 还是以我们的获取用户信息这个接口为例,让我们进入高级mock这个tab栏中,输入:

高级mock

4、小结

  • 就是这么简单,mockJson就是定义的我们请求返回的数据,看看官网的yapi高级mock的教程
  • 因为高级mock用的是mockJS的语法,所以可以满足数据mock的很多需求,如实现分页啊、随机数、时间戳啊等等。
  • 对于这个接口,我既定义了普通mock,又定义了高级mock,那么优先级呢?这个比较重要了,请看好:

请求 Mock 数据时,规则匹配优先级:Mock 期望 > 自定义 Mock 脚本 > 项目全局 mock 脚本 > 普通 Mock。 如果前面匹配到 Mock 数据,后面 Mock 则不返回。

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • 15、axios的使用与数据的mock1

    我们先从官方实例上上看看axios的用法:https://github.com/axios/axios

    Ewall
  • axios的封装、代理转发、数据mock

    Ewall
  • 16、axios的使用与数据的mock2(使用proxyTable代理)

    (1)当你请求/api的时候,转发到http://localhost:8080这台端口号为8080的服务器上;

    Ewall
  • 数据无法模拟,自动化受阻怎么办?

    小编在的项目组中因为对接第三方服务特别多,系统逻辑也比较复杂,很多场景难以构造,影响到了自动化测试的进度和覆盖率。在做接口自动化的时候就遇到了以下3个问题:

    用户5521279
  • 使用 Gomock 进行单元测试

    在实际项目中,需要进行单元测试的时候。却往往发现有一大堆依赖项。这时候就是 Gomock 大显身手的时候了

    李海彬
  • 程序员必备技能之单元测试

    单元测试,就是对单元进行测试,英文叫 unit testing,是指对软件中的最小可测试单元进行检查和验证,比如一个函数,一个类。

    somenzz
  • 干货 | 携程酒店MOCK全链路实践

    Mock在整个软件开发测试周期中已经非常普遍,我们也会经常有意无意地使用它。譬如开发了一段代码,这段代码强依赖了其他服务,在对方服务完成之前,肯定是期望代码能够...

    携程技术
  • 推荐一个生成后端模拟数据的懒人工具:lazy-mock

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

    程序猿DD
  • Python Mock模块原理及使用方法详解

    官方解释:Mock是Python中一个用于支持单元测试的库,它的主要功能是使用mock对象替代掉指定的Python对象,以达到模拟对象的行为

    砸漏
  • lazy-mock ,一个生成后端模拟数据的懒人工具

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

    业余草

扫码关注云+社区

领取腾讯云代金券