easy Mock 的官網在這里: https://www.easy-mock.com/。 Easy mock 是一個非常好用的mock API。
在前后端分離的開發過程中,作為接口消費者的前端頁面,經常要嘗試各種返回值在頁面的呈現情況,試驗前端計算腳本的正確性。一個能夠隨意書寫返回值的API為開發和測試的過程提供了無限便利。比心~
下面記錄下我在將 easy Mock 下載到本地的過程。
官網部署方式在這里,不過它用的是linux環境: https://github.com/easy-mock/easy-mock
我在網上嘗試搜索了如何部署windows 環境,並且嘗試成功。要感謝以下博客的主人:
https://segmentfault.com/a/1190000016401747
https://blog.csdn.net/Embrace924/article/details/85699301
https://blog.csdn.net/SeanTandol/article/details/86494608
第一步:安裝下載Nodejs。官網地址:https://nodejs.org/en/
此處比較簡單,一直下一步就可以,安裝的時候會問是否要直接改寫環境變量,直接選是,比較簡單。

第二步,根據官網的提示,要安裝 MongoDB (>= v3.4)
官網免費版的下載地址: https://www.mongodb.com/download-center/community
下載的時候注意下OS就行。安裝並無障礙,記得選擇修改環境變量。

第三步:要安裝Redis. 根據官網的提示,版本要(>= v4.0),但是沒找到windows下的4.0版本以上要怎么安裝,於是就嘗試安裝了3.2 的版本,參照下面這篇博客:
https://blog.csdn.net/xuforeverlove/article/details/81201351
第四步:安裝下載easy mock
電腦上已經安裝了git,所以直接用了一下的四個命令:
git clone https://github.com/easy-mock/easy-mock.git cd easy-mock npm install npm run build
npm install 命令在執行過程中有error,按照終端工具的提示,點擊了自動fix,並且執行了多次這個動作。
即使這樣仍然有語法錯誤這樣的報錯,沒有辦法,只能繼續進行了,好在使用過程中沒有暫時沒有發現問題。
第五步:配置變量 找到easy mock文件夾下的 config/default.json,檢查其中內容:
{
"port": 7300,
"host": "0.0.0.0",
"pageSize": 30,
"proxy": false,
"db": "mongodb://localhost:27017/easymockdb",
"unsplashClientId": "",
"redis": {
"keyPrefix": "[Easy Mock]",
"port": 6379,
"host": "localhost",
"password": "",
"db": 0
},
"blackList": {
"projects": [],
"ips": []
},
"rateLimit": {
"max": 1000,
"duration": 1000
},
"jwt": {
"expire": "14 days",
"secret": "shared-secret"
},
"upload": {
"types": [".jpg", ".jpeg", ".png", ".gif", ".json", ".yml", ".yaml"],
"size": 5242880,
"dir": "../public/upload",
"expire": {
"types": [".json", ".yml", ".yaml"],
"day": -1
}
},
"ldap": {
"server": "",
"bindDN": "",
"password": "",
"filter": {
"base": "",
"attributeName": ""
}
},
"fe": {
"copyright": "",
"storageNamespace": "easy-mock_",
"timeout": 25000,
"publicPath": "/dist/"
}
}
下倆工具等會兒用
npm i -g cross-env pm2
以后每次要使用easymock的時候,就運行環境:
cross-env NODE_ENV=production pm2 start app.js
從http://localhost:7300/打開easymock 的頁面 ,開始使用咯
