DOClever 集成了 mockjs,所以我們也可以用它 mock 數(shù)據(jù)。尤其是前后端開發(fā)不同步的情況下,前端用 mock 數(shù)據(jù)可以節(jié)省一些時間,當(dāng)然 mock 完數(shù)據(jù),采用真實數(shù)據(jù)也會存在一些問題,這個是不可避免的。
好了,現(xiàn)在我們來談怎么使用 DOClever 的 mock 數(shù)據(jù)。
第一:
后端同學(xué)些接口文檔的時候,把 mock 數(shù)據(jù)填上。具體的 mock 規(guī)則可以看 mockjs 的文檔,這里不做說明。
第一步:
-
下載 net.js。
net.js - 在本地安裝 node 環(huán)境
- 運行本地項目,比如我的項目運行后的訪問地址是
http://localhost:8091 - 執(zhí)行以下命令運行 net.js:
/*
5b1743f8f3c059004a5935b7 是我們項目在 DOClever 中的項目 ID
http://192.168.32.241:10000/mock/5b1743f8f3c059004a5933b7 這個使我們 mock server url
http://localhost:8091 真實項目的地址
這條命令主要是傳入了兩個參數(shù),第一個是 mock server url,第二個是 真實項目地址
*/
node net.js http://192.168.32.245:10000/mock/5b1743f8f3c059004a5935b7 http://localhost:8091
如果DOClover 的接口狀態(tài)處于 開發(fā)中,那么訪問時,他請求的是 mock server url,也就是http://192.168.32.245:10000/mock/5b1743f8f3c059004a5935b7 的 mock 數(shù)據(jù)。如果接口狀態(tài)處于 開發(fā)完成狀態(tài),那么請求的是真實項目的地址了。
在我的前端項目中配置了代理,訪問 http://localhost:8091 會把請求代理到測試地址或是線上地址,所以我這里第二個參數(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 就可以訪問我們的項目了(之前我們是通過 http://localhost:8091訪問的)。
這樣皆可以愉快地調(diào)接口了。
