前端開發(fā)中少不了數(shù)據(jù)mock扶认,后端同學(xué)一般和我們前端同時開發(fā)侨拦,在開發(fā)初期,我們一般先和后端同學(xué)約定好接口規(guī)范辐宾,然后狱从,我們就可以根據(jù)約定好的接口規(guī)范膨蛮,使用數(shù)據(jù)mock技術(shù),創(chuàng)造一些假數(shù)據(jù)季研,方便開發(fā)和調(diào)試敞葛。
數(shù)據(jù)mock,可以直接硬來与涡,本地寫JSON或JS文件惹谐,里面包裹著我們需要的數(shù)據(jù)。這種方式雖然簡單驼卖,但不方便調(diào)試氨肌,也不方便響應(yīng)式地返回我們需要的數(shù)據(jù)。在這里就要推薦十分性感的在線數(shù)據(jù)mock平臺:easy mock酌畜。也許怎囚,你無法訪問它,別著急檩奠,快要提到今天的重點:本地部署easy mock的實踐桩了。
重度依賴easy mock線上服務(wù)的我,某天突然發(fā)現(xiàn)埠戳,這個服務(wù)時好時壞井誉,而且基本是訪問不了,當時正在依賴mock數(shù)據(jù)調(diào)試程序的我整胃,內(nèi)心一陣無奈颗圣。想到的一個臨時補救措施是,轉(zhuǎn)戰(zhàn)另一個數(shù)據(jù)mock在線服務(wù)平臺:fastmock屁使,這個平臺解決了燃眉之急在岂。雖然有這些online service,但它們的不確定性蛮寂,讓我心里沒底蔽午,于是開始實踐本地部署easy mock。
本地部署的基本步驟在這里:https://github.com/easy-mock/easy-mock#quick-start
我的機器環(huán)境是windows 10 64位酬蹋。
按照上面的步驟及老,我依次下載和安裝了:MongoDB (>= v3.4) 和 Redis(>= v4.0)。windows 10安裝redis稍微有點費力范抓,首先要找對版本:https://github.com/tporadowski/redis/releases骄恶,從這里下載zip版本,解壓后匕垫,雙擊redis-server.exe啟動redis僧鲁。如果你雙擊后,redis閃退,可以看看這個解決辦法:https://blog.csdn.net/qq_40361770/article/details/80454248寞秃。
之后本地下載easy mock項目斟叼,安裝依賴:
$ git clone https://github.com/easy-mock/easy-mock.git
$ cd easy-mock && npm install
默認的配置信息基本夠用,如果你需要自定義蜕该,可以創(chuàng)建一個config/local.json
犁柜,然后在里面進行自定義配置,它會覆蓋默認設(shè)置堂淡。
上述步驟已經(jīng)默認本機是安裝了node,然后需要特別留意node版本扒腕,如果使用的是v10.x版本绢淀,很大概率需要降級到v8.x版本,不然有可能會在鏈接mongoDB的時候遇到問題瘾腰。比如皆的,https://github.com/easy-mock/easy-mock/issues/269
準備工作結(jié)束,我們可以啟動easy mock本地項目了:
$ npm run dev
# Visit http://127.0.0.1:7300
因為配置信息的host對應(yīng)的是'0.0.0.0'蹋盆,所以我們可以通過http://127.0.0.1:7300
费薄、http://localhost:7300
、http://本機IP:7300
多種方式進行訪問栖雾。
有一點不太方便楞抡,創(chuàng)建的接口只能在本機存儲,沒有同步到云端的功能析藕。easy mock如果有個接口批量導(dǎo)入的功能就好啦召廷。