DOClever 集成了 mockjs撰筷,所以我們也可以用它 mock 數(shù)據(jù)陈惰。尤其是前后端開發(fā)不同步的情況下,前端用 mock 數(shù)據(jù)可以節(jié)省一些時(shí)間毕籽,當(dāng)然 mock 完數(shù)據(jù)抬闯,采用真實(shí)數(shù)據(jù)也會(huì)存在一些問題,這個(gè)是不可避免的关筒。
好了溶握,現(xiàn)在我們來談怎么使用 DOClever 的 mock 數(shù)據(jù)。
第一:
后端同學(xué)些接口文檔的時(shí)候平委,把 mock 數(shù)據(jù)填上奈虾。具體的 mock 規(guī)則可以看 mockjs 的文檔,這里不做說明廉赔。
第一步:
-
下載 net.js肉微。
net.js - 在本地安裝 node 環(huán)境
- 運(yùn)行本地項(xiàng)目,比如我的項(xiàng)目運(yùn)行后的訪問地址是
http://localhost:8091
- 執(zhí)行以下命令運(yùn)行 net.js:
/*
5b1743f8f3c059004a5935b7 是我們項(xiàng)目在 DOClever 中的項(xiàng)目 ID
http://192.168.32.241:10000/mock/5b1743f8f3c059004a5933b7 這個(gè)使我們 mock server url
http://localhost:8091 真實(shí)項(xiàng)目的地址
這條命令主要是傳入了兩個(gè)參數(shù)蜡塌,第一個(gè)是 mock server url碉纳,第二個(gè)是 真實(shí)項(xiàng)目地址
*/
node net.js http://192.168.32.245:10000/mock/5b1743f8f3c059004a5935b7 http://localhost:8091
如果DOClover 的接口狀態(tài)處于 開發(fā)中
,那么訪問時(shí)馏艾,他請求的是 mock server url劳曹,也就是http://192.168.32.245:10000/mock/5b1743f8f3c059004a5935b7 的 mock 數(shù)據(jù)。如果接口狀態(tài)處于 開發(fā)完成
狀態(tài)琅摩,那么請求的是真實(shí)項(xiàng)目的地址了铁孵。
在我的前端項(xiàng)目中配置了代理,訪問 http://localhost:8091
會(huì)把請求代理到測試地址或是線上地址房资,所以我這里第二個(gè)參數(shù)就直接是 http://localhost:8091
蜕劝。
net.js 這段代碼是這樣寫的,請忽略亂碼問題(net.js 下載下來就亂碼了)。
var arguments = process.argv.splice(2);
var mockUrl = arguments[0];
var realUrl = arguments[1];
var port = arguments[2] ? arguments[2] : 36742;
var server = http.createServer(onProxy);
server.listen(port);
console.log(arguments.length > 0 ? ("鍐呯綉嫻嬭瘯錛孧ock鏁版嵁姝g洃鍚鍙o細(xì)" + port) : "姝e湪榪愯涓紝璇風(fēng)敤DOClever鐨勬帴鍙f祴璇曢〉闈㈣繘琛屽唴緗戞祴璇曪紒");
第三步:
訪問 http://localhost:36742 就可以訪問我們的項(xiàng)目了(之前我們是通過 http://localhost:8091
訪問的)岖沛。
這樣皆可以愉快地調(diào)接口了暑始。