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 的頁面 ,開始使用咯