如何使用Easy Mock

1.背景介紹

Easy Mock是一個可視化研侣,并且能快速生成模擬數(shù)據(jù)的服務(wù)汪榔。以項目管理的方式組織Mock List赦拘,能幫助我們更好的管理Mock數(shù)據(jù)甸各,不怕丟失垛贤。

解決的問題:

開發(fā)時,后端還沒完成數(shù)據(jù)輸出趣倾,前端只好寫靜態(tài)模擬數(shù)據(jù)聘惦。

數(shù)據(jù)太長了,將數(shù)據(jù)寫在js文件里儒恋,完成后挨個改url善绎。

某些邏輯復雜的代碼,加入或去除模擬數(shù)據(jù)時得小心翼翼诫尽。

想要盡可能還原真實的數(shù)據(jù)禀酱,要么編寫更多代碼,要么手動修改模擬數(shù)據(jù)箱锐。

特殊的格式比勉,例如IP,隨機數(shù),圖片驹止,地址浩聋,需要去收集。

2.知識剖析

常見的Mock方式

1臊恋、將Mock數(shù)據(jù)直接寫在代碼里

2衣洁、利用JS攔截請求

3、利用Charles抖仅、Fiddler等代理工具攔截請求

4坊夫、Mock平臺。如Easy Mock撤卢、RAP等

使用的優(yōu)勢:

1环凿、前后端分離

讓前端工程師獨立于后端進行開發(fā)。

2放吩、增加單元測試的真實性

通過隨機數(shù)據(jù)智听,模擬各種場景。

3渡紫、開發(fā)無侵入

不需要修改既有代碼到推,就可以攔截Ajax請求,返回模擬的響應(yīng)數(shù)據(jù)惕澎。

4莉测、用法簡單

符合直覺的接口。

5唧喉、數(shù)據(jù)類型豐富

支持生成隨機的文本捣卤、數(shù)字忍抽、布爾值、日期腌零、郵箱梯找、鏈接、圖片益涧、顏色等锈锤。

6、方便擴展

支持支持擴展更多數(shù)據(jù)類型闲询,支持自定義函數(shù)和正則久免。

7、在已有接口文檔的情況下扭弧,我們可以直接按照接口文檔來開發(fā)阎姥,將相應(yīng)的字段寫好,在接口完成之后鸽捻,只需要改變url地址即可呼巴。

3.常見問題

一、如何使用Easy Mock

4.解決方案

1御蒲、登錄Easy Mock官網(wǎng)

2衣赶、創(chuàng)建個人項目或者團隊項目

3、新增接口

4厚满、在項目中使用接口

具體步驟操作可詳見視頻

5.編碼實戰(zhàn)

Demo:https://ptteng.github.io/PPT/demo/js-11-How%20to%20use%20easy%20mock/demo.html


6.擴展思考

Mock語法該如何使用:見Mock.js官網(wǎng)府瞄。

大家可能覺得直接填寫接口url地址過長,到時候nginx配置好之后碘箍,更改接口地址比較麻煩

但是我們可以利用nginx配置跨域請求遵馆,將接口url公共的部分放在nginx里面,項目中只需要后面的部分即可丰榴。到時候接口可以使用的時候货邓,將url地址換成對應(yīng)的IP和端口即可。這樣四濒,項目代碼里面無需做任何改動即可正常運行换况。

7.參考文獻

參考一:Easy Mock官網(wǎng) ? https://easy-mock.com/

參考二:Mock.js官網(wǎng) ?http://www.cnblogs.com/rion1234567/p/5556891.html

8.更多討論


課后提問:

1、除了Easy Mock峻黍,大家還用過哪些類似的插件或者方法來攔截Ajax請求并返回模擬數(shù)據(jù)复隆。

答:使用Mock.js拨匆,直接寫JSON假數(shù)據(jù)姆涩。

2、put惭每、delete這些請求能改變狀態(tài)或者刪除嗎骨饿?

答:不能亏栈,只能模擬一個發(fā)送請求之后的結(jié)果,并不能真的進行上下線操作或者刪除操作宏赘。

3绒北、哪種mock方式更好。

答:看項目的需要可以選擇不同的方法來模擬Ajax請求并返回模擬數(shù)據(jù)察署。



如何使用Easy Mock_騰訊視頻

PPT地址:https://ptteng.github.io/PPT/PPT/js-11-How%20to%20use%20easy%20mock.html

視頻地址:https://v.qq.com/x/page/d053015s4yg.html

今天的分享就到這里啦闷游,歡迎大家點贊、轉(zhuǎn)發(fā)贴汪、留言脐往、拍磚~

下期預告:有哪些常見的驗證表單方式(即時輸入驗證熬甫,失去焦點驗證等)漆弄,他們各自的優(yōu)缺點是什么?不見不散~

------------------------------------------------------------------------------------------------------------------------

技能樹.IT修真院

“我們相信人人都可以成為一個工程師批狱,現(xiàn)在開始阳懂,找個師兄梅尤,帶你入門,掌控自己學習的節(jié)奏岩调,學習的路上不再迷孟镌铮”。

這里是技能樹.IT修真院誊辉,成千上萬的師兄在這里找到了自己的學習路線矾湃,學習透明化,成長可見化堕澄,師兄1對1免費指導邀跃。快來與我一起學習吧~

我的邀請碼:96194340蛙紫,或者你可以直接點擊此鏈接:http://www.jnshu.com/login/1/96194340

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末拍屑,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子坑傅,更是在濱河造成了極大的恐慌僵驰,老刑警劉巖,帶你破解...
    沈念sama閱讀 206,839評論 6 482
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件唁毒,死亡現(xiàn)場離奇詭異蒜茴,居然都是意外死亡,警方通過查閱死者的電腦和手機浆西,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 88,543評論 2 382
  • 文/潘曉璐 我一進店門粉私,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人近零,你說我怎么就攤上這事诺核〕ぃ” “怎么了?”我有些...
    開封第一講書人閱讀 153,116評論 0 344
  • 文/不壞的土叔 我叫張陵窖杀,是天一觀的道長漓摩。 經(jīng)常有香客問我,道長入客,這世上最難降的妖魔是什么管毙? 我笑而不...
    開封第一講書人閱讀 55,371評論 1 279
  • 正文 為了忘掉前任,我火速辦了婚禮桌硫,結(jié)果婚禮上锅风,老公的妹妹穿的比我還像新娘。我一直安慰自己鞍泉,他們只是感情好皱埠,可當我...
    茶點故事閱讀 64,384評論 5 374
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著咖驮,像睡著了一般边器。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上托修,一...
    開封第一講書人閱讀 49,111評論 1 285
  • 那天忘巧,我揣著相機與錄音,去河邊找鬼睦刃。 笑死砚嘴,一個胖子當著我的面吹牛,可吹牛的內(nèi)容都是我干的涩拙。 我是一名探鬼主播际长,決...
    沈念sama閱讀 38,416評論 3 400
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼兴泥!你這毒婦竟也來了工育?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 37,053評論 0 259
  • 序言:老撾萬榮一對情侶失蹤搓彻,失蹤者是張志新(化名)和其女友劉穎如绸,沒想到半個月后,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體旭贬,經(jīng)...
    沈念sama閱讀 43,558評論 1 300
  • 正文 獨居荒郊野嶺守林人離奇死亡怔接,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 36,007評論 2 325
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了稀轨。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片扼脐。...
    茶點故事閱讀 38,117評論 1 334
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖靶端,靈堂內(nèi)的尸體忽然破棺而出谎势,到底是詐尸還是另有隱情,我是刑警寧澤杨名,帶...
    沈念sama閱讀 33,756評論 4 324
  • 正文 年R本政府宣布脏榆,位于F島的核電站,受9級特大地震影響台谍,放射性物質(zhì)發(fā)生泄漏须喂。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 39,324評論 3 307
  • 文/蒙蒙 一趁蕊、第九天 我趴在偏房一處隱蔽的房頂上張望坞生。 院中可真熱鬧,春花似錦掷伙、人聲如沸是己。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,315評論 0 19
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽卒废。三九已至,卻和暖如春宙地,著一層夾襖步出監(jiān)牢的瞬間摔认,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 31,539評論 1 262
  • 我被黑心中介騙來泰國打工宅粥, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留参袱,地道東北人。 一個月前我還...
    沈念sama閱讀 45,578評論 2 355
  • 正文 我出身青樓秽梅,卻偏偏與公主長得像抹蚀,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子企垦,可洞房花燭夜當晚...
    茶點故事閱讀 42,877評論 2 345

推薦閱讀更多精彩內(nèi)容

  • GitHub 上有一個 Awesome - XXX 系列的資源整理,資源非常豐富况鸣,涉及面非常廣。awesome-p...
    若與閱讀 18,615評論 4 418
  • Spring Cloud為開發(fā)人員提供了快速構(gòu)建分布式系統(tǒng)中一些常見模式的工具(例如配置管理竹观,服務(wù)發(fā)現(xiàn)镐捧,斷路器,智...
    卡卡羅2017閱讀 134,600評論 18 139
  • 當我們?yōu)殡y的時候臭增,想一想你為對方哭的時候
    人間1閱讀 192評論 0 0
  • 本周星期天考人力資源懂酱。 前第30日,買資料書誊抛。信心百倍列牺,雄心壯志,雞血100% 前第25日拗窃,上網(wǎng)上網(wǎng)瞎领,游戲游戲泌辫,看...
    落微閱讀 269評論 2 3
  • 管理工具 git: 版本管理控制工具webpack: 打包工具SVN:grount:禪道:項目管理碼云:管理工具 ...
    LabRaDor2079閱讀 201評論 0 0