前端開發(fā)時自己做樁數(shù)據(jù)(假數(shù)據(jù))

Deprecated: 已使用第三方mock-server花履,此DIY的方式就不用了挚赊,算作是一次學(xué)習(xí)吧。

某些功能開發(fā)時(以及后續(xù)維護時)嚴(yán)重依賴api返回的數(shù)據(jù)荠割。不但要求數(shù)據(jù)呈現(xiàn)某特定狀態(tài)旺矾,特別是當(dāng)前開發(fā)功能要修改數(shù)據(jù)時夺克,費勁巴拉弄好的數(shù)據(jù),點一下按鈕柬帕,就耗光了。還得再來一次……大費周章陷寝。于是其馏,需要一個“樁數(shù)據(jù)”。(此數(shù)據(jù)不是真正從api請求來叛复,而是自己在“偷偷”在本地提供的)。有個強大的json-server致扯,據(jù)考察只支持REST API,不適宜鲤看。故自己簡單實現(xiàn)了一個機制耍群,可以實現(xiàn)樁數(shù)據(jù)

用法

  1. 將你所請求api的某次“合意”的數(shù)據(jù)保存成js文件,形如:
// 將某次請求的結(jié)果以key-value的形式賦給window.stub
// http://api.domain.com/index.php?r=demand/index&demand_id=1
window.stub = { 
    "demand/index":  // 此key即為api中的r參數(shù)
    {
        succ: "1",
        name: "a",
        tel: "123"
        ...
    }
}
  1. 在src/iscripts/global/test/stub/stub.js中 @@include此js
    注:stub.js中只能有一個@@include蹈垢,其他都注釋掉。否則溉瓶,后邊的會覆蓋掉前面的谤民,給window.stub賦值
  2. gulp --stub=1
  3. 開始調(diào)試吧

原理:

將統(tǒng)一封裝的jquery的ajax方法調(diào)用前,加了一個判斷张足。如果所請求的接口有stub數(shù)據(jù),則應(yīng)用改數(shù)據(jù)(而不去服務(wù)端請求了)哼绑。
故岩馍,此方法僅能一定程度上模擬真實情況抖韩,重在模擬請求數(shù)據(jù),但不能寫數(shù)據(jù)

說明

  1. stub并不一定能對你初次開發(fā)時有多大用處赦肋,只對后續(xù)你再想使用此數(shù)據(jù)時用處比較大励稳。尤其你開發(fā)的功能會“改變數(shù)據(jù)”時囱井,此方法可以省去數(shù)據(jù)過快被消耗掉
  2. 如果開發(fā)的功能需要順次請求多個接口(注意是不同接口哦),可以給stub賦多個key-value庞呕,參考例子:data/demand_index/pay.js
  3. 另,現(xiàn)在已經(jīng)有幾個數(shù)據(jù)住练,或可用到;慢慢積攢吧
  4. 此功能開發(fā)的比較“毛坯房”亏吝,有不方便的地方盏混,可以再視情況增強一些。
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末止喷,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子弹谁,更是在濱河造成了極大的恐慌句喜,老刑警劉巖,帶你破解...
    沈念sama閱讀 222,807評論 6 518
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件鳖粟,死亡現(xiàn)場離奇詭異拙绊,居然都是意外死亡向图,警方通過查閱死者的電腦和手機,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 95,284評論 3 399
  • 文/潘曉璐 我一進店門嗜傅,熙熙樓的掌柜王于貴愁眉苦臉地迎上來檩赢,“玉大人,你說我怎么就攤上這事贞瞒。” “怎么了棕洋?”我有些...
    開封第一講書人閱讀 169,589評論 0 363
  • 文/不壞的土叔 我叫張陵乒融,是天一觀的道長。 經(jīng)常有香客問我愧捕,道長,這世上最難降的妖魔是什么次绘? 我笑而不...
    開封第一講書人閱讀 60,188評論 1 300
  • 正文 為了忘掉前任典蜕,我火速辦了婚禮,結(jié)果婚禮上钢猛,老公的妹妹穿的比我還像新娘。我一直安慰自己命迈,他們只是感情好火的,可當(dāng)我...
    茶點故事閱讀 69,185評論 6 398
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著征椒,像睡著了一般湃累。 火紅的嫁衣襯著肌膚如雪勃救。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 52,785評論 1 314
  • 那天勃黍,我揣著相機與錄音晕讲,去河邊找鬼。 笑死瓢省,一個胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的疑枯。 我是一名探鬼主播,決...
    沈念sama閱讀 41,220評論 3 423
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼国章!你這毒婦竟也來了豆村?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 40,167評論 0 277
  • 序言:老撾萬榮一對情侶失蹤四啰,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后柑晒,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體眷射,經(jīng)...
    沈念sama閱讀 46,698評論 1 320
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 38,767評論 3 343
  • 正文 我和宋清朗相戀三年涌庭,在試婚紗的時候發(fā)現(xiàn)自己被綠了欧宜。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 40,912評論 1 353
  • 序言:一個原本活蹦亂跳的男人離奇死亡冗茸,死狀恐怖匹中,靈堂內(nèi)的尸體忽然破棺而出愉昆,到底是詐尸還是另有隱情,我是刑警寧澤跛溉,帶...
    沈念sama閱讀 36,572評論 5 351
  • 正文 年R本政府宣布芳室,位于F島的核電站专肪,受9級特大地震影響堪侯,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜伍宦,卻給世界環(huán)境...
    茶點故事閱讀 42,254評論 3 336
  • 文/蒙蒙 一次洼、第九天 我趴在偏房一處隱蔽的房頂上張望关贵。 院中可真熱鬧卖毁,春花似錦、人聲如沸亥啦。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,746評論 0 25
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽碍侦。三九已至,卻和暖如春瓷产,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背株旷。 一陣腳步聲響...
    開封第一講書人閱讀 33,859評論 1 274
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留晾剖,地道東北人。 一個月前我還...
    沈念sama閱讀 49,359評論 3 379
  • 正文 我出身青樓沽损,卻偏偏與公主長得像循头,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子卡骂,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 45,922評論 2 361

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