目前大多數(shù)的項目都是前后端分離，后臺還沒有給我們接口的時候，我們可以利用一些工具模擬數(shù)據(jù)，之前用的easymock，現(xiàn)在這個網(wǎng)站不知道為什么不能訪問了，所以我立馬又找了個新歡??，那就是Yapi.

最近在做小程序，就說說在小程序的用法吧??。

首先YApi網(wǎng)址：yapi官網(wǎng)

第一步：點擊網(wǎng)址，看到的界面是這樣的，然后正常注冊就可以了

yapi官網(wǎng)首頁

第二步：登錄進去，點擊加號，創(chuàng)建一個項目，項目名稱自己看著填，路徑自己編，點擊創(chuàng)建項目就可以了

創(chuàng)建項目

第三步：根據(jù)你的各種探索，來到這個頁面，主要講紅框圈住的部分

參數(shù)配置頁面

第四步：可視化創(chuàng)建對象，數(shù)組，添加參數(shù)，生成data數(shù)據(jù)的條數(shù)是隨機的

可視化創(chuàng)建json對象

data數(shù)據(jù)的條數(shù)隨機

第五步：運用到小程序中，首先點擊“詳情”，勾選不校驗合法域名、web-view(業(yè)務(wù)域名)噠噠噠后面

小程序開啟不校驗合法域名

.wxml文件代碼：

<view>

<button bindtap="getdata">獲取數(shù)據(jù)</button>

</view>

.js文件代碼：

data: {

? list:[]

? },

getdata:function(){

? ? var that =this;

? ? wx.request({

? ? ? url: 'http://yapi.demo.qunar.com/mock/10686/index/img',? ? ? ?//這個就是yapi生成的路徑，直接調(diào)用

? ? ? success:function(res){

? ? ? ? console.log(res.data.data)? ? ?//可以把里面的數(shù)據(jù)打出來瞧瞧

? ? ? that.setData({

? ? ? ? list : res.data.data? ?//這個是賦值給list

? ? ? })

? ? ? }

? ? })

? },

好的，就這么簡單，請求成功了，YApi的功能遠不止這些，想要了解更多？YApi教程了解一下？戳yapi教程，甜甜也是菜鳥一枚，今天有點收獲就分享給大家了，如果有什么問題請留言，歡迎大家指正??