用 Easy Mock 模擬僞造服務器數據進行開發調試

之前開發的時候須要數據調試要麼當前文件代碼寫死, 要麼新建 JSON 文件來獲取. 偶然知道了 Easy Mock 這個神奇的網站(可能有點後知後覺), 僞造起數據別提多爽了瀏覽器

初次見面

打開Easy Mock 官網, 界面甚至簡單,我喜歡, Hello Easy Mock網站

看到它的第一眼

Easy Mock 的自我介紹 調試

簡單介紹

開啓探索之旅

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

強勢登陸

若是以前沒有帳號, 會直接註冊並進行登陸 blog

登陸或註冊

只屬於你的項目

登陸以後, 會直接進到你的項目頁面, 這裏有你名下全部的項目接口

項目

接口列表

點開一個項目, 你會看到當前項目下全部的接口列表開發

接口列表

接口詳情

點擊接口列表右側的編輯按鈕, 能夠直接進行模擬數據的編輯, 以及右側接口說明信息文檔

這個是個人示例, 編輯完成以後點擊右側更新, 而後關閉頁面 get

接口詳情

接口使用

進行以上修改編輯以後, 就能夠使用接口進行數據獲取了it

複製接口地址

在接口列表也, 點擊右側複製按鈕, 會直接複製當前接口的請求地址

複製接口地址

js 裏 Ajax 請求接口數據

回到 js 代碼裏, 能夠直接用 Ajax 方法進行數據請求

js 請求示例

華麗麗的結果展現

打開瀏覽器調試窗口, 你所 僞造 的數據已經出現了

返回結果

而後, 就能夠用這些數據進行須要的開發調試了.

這僅僅是一片 Easy Mock 入門文章, 若有其它需求, 可直接閱讀官網文檔 友情連接: Easy Mock 文檔

相關文章
相關標籤/搜索