如何使用YApi模拟后台数据？

目前大多数的项目都是前后端分离，后台还没有给我们接口的时候，我们可以利用一些工具模拟数据，之前用的easymock，现在这个网站不知道为什么不能访问了，所以我立马又找了个新欢😂，那就是Yapi.

最近在做小程序，就说说在小程序的用法吧😊。

首先YApi网址：yapi官网

第一步：点击网址，看到的界面是这样的，然后正常注册就可以了

yapi官网首页

第二步：登录进去，点击加号，创建一个项目，项目名称自己看着填，路径自己编，点击创建项目就可以了

创建项目

第三步：根据你的各种探索，来到这个页面，主要讲红框圈住的部分

参数配置页面

第四步：可视化创建对象，数组，添加参数，生成data数据的条数是随机的

可视化创建json对象 data数据的条数随机

第五步：运用到小程序中，首先点击“详情”，勾选不校验合法域名、web-view(业务域名)哒哒哒后面

小程序开启不校验合法域名

.wxml文件代码：

<view>

<button bindtap="getdata">获取数据</button>

</view>

.js文件代码：

data: {

  list:[]

  },

getdata:function(){

    var that =this;

    wx.request({

      url: 'http://yapi.demo.qunar.com/mock/10686/index/img',       //这个就是yapi生成的路径，直接调用

      success:function(res){

        console.log(res.data.data)     //可以把里面的数据打出来瞧瞧

      that.setData({

        list : res.data.data   //这个是赋值给list

      })

      }

    })

  },

好的，就这么简单，请求成功了，YApi的功能远不止这些，想要了解更多？YApi教程了解一下？戳yapi教程，甜甜也是菜鸟一枚，今天有点收获就分享给大家了，如果有什么问题请留言，欢迎大家指正🤞