使用Easy Mock構(gòu)建模擬數(shù)據(jù)

waruqi 發(fā)布于2019-08-21 17:37 / 847人閱讀

摘要：但苦于后臺還沒有寫，并沒有數(shù)據(jù)，因此就學(xué)習(xí)了如何用構(gòu)建模擬數(shù)據(jù)。偽造數(shù)據(jù)，能讓程序的編寫更高效。使用也較為簡單。這樣，我們就獲得了我們創(chuàng)建的虛擬數(shù)據(jù)。

最近在學(xué)前端與后端相結(jié)合，在寫前端頁面的時候，需要從后臺取數(shù)據(jù)，對頁面進(jìn)行更新。但苦于后臺還沒有寫，并沒有數(shù)據(jù)，因此就學(xué)習(xí)了如何用EasyMock構(gòu)建模擬數(shù)據(jù)。

Easy Mock簡介

Easy Mock 是一個可視化，并且能快速生成擬數(shù)據(jù)的持久化服務(wù)，將模擬數(shù)據(jù)直接寫進(jìn)代碼里，能利用 JavaScript 攔截請求，利用 Charles、 Fiddler 等代理工具攔截請求。
偽造數(shù)據(jù)，能讓程序的編寫更高效。使用也較為簡單。

使用Easy Mock創(chuàng)建一個項(xiàng)目 第一步：點(diǎn)擊右下角的藍(lán)色加號按鈕

不管你在哪，頁面右下角總是會有一個創(chuàng)建項(xiàng)目的藍(lán)色按鈕

第二步：創(chuàng)建項(xiàng)目

補(bǔ)全空格中的信息
如果是團(tuán)隊(duì)項(xiàng)目，要記得選團(tuán)隊(duì)
補(bǔ)全項(xiàng)目名和項(xiàng)目基礎(chǔ)URL。這一部分沒有嚴(yán)格的要求，盡量簡潔就好。

填完空以后，選擇創(chuàng)建

第三步：添加數(shù)據(jù)

選中剛才創(chuàng)建的項(xiàng)目，點(diǎn)擊創(chuàng)建接口，就能進(jìn)入信息編寫的部分。

數(shù)據(jù)輸入完畢后，要為你的這個接口寫一個專屬的URL，在右邊的藍(lán)色方框中，并對數(shù)據(jù)進(jìn)行描述。點(diǎn)擊創(chuàng)建，就創(chuàng)建成功了。

第四步：獲取數(shù)據(jù)

接口創(chuàng)建成功后，選擇操作選項(xiàng)的復(fù)制鏈接，就能獲得這個接口的地址。

第五步：前臺獲取模擬數(shù)據(jù)

模擬數(shù)據(jù)已經(jīng)成功創(chuàng)建完畢，那么接下來我們就看看如何在前端頁面獲取創(chuàng)建的模擬數(shù)據(jù)把。

鏈接就是我們上一步選擇復(fù)制鏈接所獲得的接口地址。

這樣，我們就獲得了我們創(chuàng)建的虛擬數(shù)據(jù)。

當(dāng)然，Easy Mock還有很多進(jìn)階用法，以后一起學(xué)習(xí)吧。

云服務(wù)器 GPU云服務(wù)器使用CURL模擬登錄 js mock數(shù)據(jù) js的mock數(shù)據(jù) 云服務(wù)器怎么使用模擬器

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://m.specialneedsforspecialkids.com/yun/89771.html

相關(guān)文章

使用Easy Mock構(gòu)建模擬數(shù)據(jù)

摘要：但苦于后臺還沒有寫，并沒有數(shù)據(jù)，因此就學(xué)習(xí)了如何用構(gòu)建模擬數(shù)據(jù)。偽造數(shù)據(jù)，能讓程序的編寫更高效。使用也較為簡單。這樣，我們就獲得了我們創(chuàng)建的虛擬數(shù)據(jù)。最近在學(xué)前端與后端相結(jié)合，在寫前端頁面的時候，需要從后臺取數(shù)據(jù)，對頁面進(jìn)行更新。但苦于后臺還沒有寫，并沒有數(shù)據(jù)，因此就學(xué)習(xí)了如何用EasyMock構(gòu)建模擬數(shù)據(jù)。 Easy Mock簡介 Easy Mock 是一個可視化，并且能快速生成 ...

_Dreams 2019-08-01 17:59 評論0 收藏0
前端開發(fā)如何做好本地接口模擬

摘要：前端開發(fā)如何做好本地接口模擬之前有寫過一篇本地化接口模擬前后端并行開發(fā)，講到過本地接口模擬，但不太細(xì)致。有哪些途徑本地接口模擬一般分為工具層面和代碼層面。因?yàn)楸镜亟涌谀M功能主要是針對的返回值為格式的異步請求，所以這種方式主要用文件。前端開發(fā)如何做好本地接口模擬之前有寫過一篇本地化接口模擬、前后端并行開發(fā)，講到過本地接口模擬，但不太細(xì)致。這次細(xì)細(xì)的說說本地接口模擬。 1. 有什么...

ACb0y 2019-08-23 14:31 評論0 收藏0
APP測試的極簡Mock方法——Mock服務(wù)端接口

摘要：本文適用的場景在對移動端的純移動端功能或者前端頁面的純前端功能進(jìn)行測試時，服務(wù)端接口返回的數(shù)據(jù)不滿足要求，或者制造測試數(shù)據(jù)比較復(fù)雜，需要使用方法來快速構(gòu)造數(shù)據(jù)。進(jìn)入官網(wǎng)后，首先創(chuàng)建一個項(xiàng)目，一個項(xiàng)目包含若干個接口，我們最終模擬的是接口。本文適用的場景：在對移動端APP的純移動端功能或者前端H5頁面的純前端功能進(jìn)行測試時，服務(wù)端接口返回的數(shù)據(jù)不滿足要求，或者制造測試數(shù)據(jù)比較復(fù)雜，需要使...

godiscoder 2019-05-29 17:08 評論0 收藏0
用 Easy Mock 模擬偽造服務(wù)器數(shù)據(jù)進(jìn)行開發(fā)調(diào)試

摘要：以前開發(fā)的時候需要數(shù)據(jù)調(diào)試要么當(dāng)前文件代碼寫死要么新建文件來獲取偶然知道了這個神奇的網(wǎng)站可能有點(diǎn)后知后覺偽造起數(shù)據(jù)別提多爽了初次見面打開官網(wǎng)界面甚至簡單我喜歡的自我介紹開啟探索之旅看過介紹下面就開始登錄使用了強(qiáng)勢登錄如果之前沒有賬號會直接注以前開發(fā)的時候需要數(shù)據(jù)調(diào)試要么當(dāng)前文件代碼寫死, 要么新建 JSON 文件來獲取. 偶然知道了 Easy Mock 這個神奇的網(wǎng)站(可能有點(diǎn)后知后...

leap_frog 2019-08-26 13:57 評論0 收藏0
淺談前端mock

摘要：引言前端開發(fā)經(jīng)常需要等待后端的接口，嚴(yán)重影響了開發(fā)效率，我們一般采用方式來避免這個問題。可能會涉及到門技術(shù)，分別是服務(wù)端技術(shù)隨機(jī)生成特定格式數(shù)據(jù)的技術(shù)請求轉(zhuǎn)發(fā)請求攔截。引言前端開發(fā)經(jīng)常需要等待后端的接口，嚴(yán)重影響了開發(fā)效率，我們一般采用mock方式來避免這個問題。本人參考了大量文章，結(jié)合自己的經(jīng)驗(yàn)，給出自己在mock上的一些理解。 1. 原理何為mock,我認(rèn)為mock主要就是通...

elina 2019-08-23 15:24 評論0 收藏0