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

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

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

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

Easy Mock簡(jiǎn)介

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

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

不管你在哪，頁(yè)面右下角總是會(huì)有一個(gè)創(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。這一部分沒(méi)有嚴(yán)格的要求，盡量簡(jiǎn)潔就好。

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

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

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

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

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

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

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

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

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

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

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

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

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

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

相關(guān)文章

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

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

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

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

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

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

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

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

leap_frog 2019-08-26 13:57 評(píng)論0 收藏0
淺談前端mock

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

elina 2019-08-23 15:24 評(píng)論0 收藏0