用 Easy Mock 模擬偽造服務(wù)器數(shù)據(jù)進(jìn)行開發(fā)調(diào)試

leap_frog 發(fā)布于2019-08-26 13:57 / 2034人閱讀

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

以前開發(fā)的時(shí)候需要數(shù)據(jù)調(diào)試要么當(dāng)前文件代碼寫死, 要么新建 JSON 文件來獲取. 偶然知道了 Easy Mock 這個(gè)神奇的網(wǎng)站(可能有點(diǎn)后知后覺), 偽造起數(shù)據(jù)別提多爽了

初次見面

打開Easy Mock 官網(wǎng), 界面甚至簡單,我喜歡, Hello Easy Mock

Easy Mock 的自我介紹

開啟探索之旅

看過介紹, 下面就開始登錄使用了

強(qiáng)勢登錄

如果之前沒有賬號(hào), 會(huì)直接注冊并進(jìn)行登錄

只屬于你的項(xiàng)目

登錄之后, 會(huì)直接進(jìn)到你的項(xiàng)目頁面, 這里有你名下所有的項(xiàng)目

接口列表

點(diǎn)開一個(gè)項(xiàng)目, 你會(huì)看到當(dāng)前項(xiàng)目下所有的接口列表

接口詳情

點(diǎn)擊接口列表右側(cè)的編輯按鈕, 可以直接進(jìn)行模擬數(shù)據(jù)的編輯, 以及右側(cè)接口說明信息

這個(gè)是我的示例, 編輯完成之后點(diǎn)擊右側(cè)更新, 然后關(guān)閉頁面

接口使用

進(jìn)行以上修改編輯之后, 就可以使用接口進(jìn)行數(shù)據(jù)獲取了

復(fù)制接口地址

在接口列表也, 點(diǎn)擊右側(cè)復(fù)制按鈕, 會(huì)直接復(fù)制當(dāng)前接口的請求地址

js 里 Ajax 請求接口數(shù)據(jù)

回到 js 代碼里, 可以直接用 Ajax 方法進(jìn)行數(shù)據(jù)請求

華麗麗的結(jié)果展示

打開瀏覽器調(diào)試窗口, 你所偽造的數(shù)據(jù)已經(jīng)出現(xiàn)了

然后, 就可以用這些數(shù)據(jù)進(jìn)行需要的開發(fā)調(diào)試了.

這僅僅是一片 Easy Mock 入門文章, 如有其它需求, 可直接閱讀官網(wǎng)文檔
友情鏈接: Easy Mock 文檔

GPU云服務(wù)器云服務(wù)器小程序用什么進(jìn)行開發(fā) 用python進(jìn)行數(shù)據(jù)分析模擬信號(hào)開發(fā) js mock數(shù)據(jù)

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

轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/109875.html

相關(guān)文章

前端開發(fā)如何做好本地接口模擬

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

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

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

godiscoder 2019-05-29 17:08 評(píng)論0 收藏0
使用Easy Mock構(gòu)建模擬數(shù)據(jù)

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

waruqi 2019-08-21 17:37 評(píng)論0 收藏0
使用Easy Mock構(gòu)建模擬數(shù)據(jù)

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

_Dreams 2019-08-01 17:59 評(píng)論0 收藏0
淺談前端mock

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

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