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ù)察署。
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