文章目錄
前言
對於前端來說前後端分離的項目選擇一款mock工具非常必要,一直以來easy-mock作爲全網最好用的在線數據mock工具,不知什麼原因從19年地開始在線版已經無法使用,如果你已經習慣了使用它,就只能自己在本地搭建mock服務,本篇博文就easymock本地化部署相關做整理總結。
一.準備工具
開始之前請務必查看官網文檔easy-mock本地部署的官方介紹.
根據官網介紹的步驟,大致分爲以下幾步:
- 安裝 node(>=v8.9) & MongoDB(>=v3.4) & Redis(>=v4.0)
- 啓動 MongoDB 和 Redis
- 安裝 easy-mock,更改配置文件
- 啓動 easy-mock,測試項目是否可以正常啓動
- npm run build,然後用 PM2 啓動 app.js
以下是本人使用的各個工具版本
node: 8.12.0
mongodb: mongodb-win32-x86_64-2008plus-ssl-4.0.2-rc0-signed
redis Redis-x64-3.2.100
1.下載node
最好使用nvm進行下載,以便於不影響本地開發環境的的node版本,據本人測試目前不要安裝10以上的node
nvm install 8.12.0
2.下載mongodb
MongoDB 提供了可用於 32 位和 64 位系統的預編譯二進制包,你可以從MongoDB官網下載安裝,MongoDB 預編譯二進制包下載地址:https://www.mongodb.com/download-center/community
3.下載Redis
github地址:
https://github.com/microsoftarchive/redis/releases/tag/win-3.2.100
4.下載easy-mock
github地址:
https://github.com/easy-mock/easy-mock
選擇master分支
以上就是需要下載準備好的工具。
二.安裝
安裝順序最好遵循以下
node–>mogodb–>redis–>easy-mock
1.node安裝
太過簡單,下載過程就已經安裝了,此處記得用nvm 切換到對應的8.12.0版本
nvm use 8.12.0
2.mongodb安裝
1.安裝
我們下載的是msi所以一路下一步,此處有坑要注意的是安裝路徑最好是選擇自定義磁盤,默認c盤下有讀寫權限問題,經過本人測試除了d盤其他磁盤安裝都會出錯
網上有說忽視再配置但基本都會失敗,做好就是選擇安裝磁盤要通過,實在不行就選默認C盤programfile下,即可避免。
2.配置環境變量
3.創建存放數據庫數據的文件
(mongodb不會自己創建,需要手動創建。建議創建到E盤或者其他你認爲合適的位置,不需要和mongodb的bin在一塊)
我創建的文件目錄如下圖。其中,data用來存放數據庫數據,log存放日誌文件。log文件夾下創建一個mongodb.log的文件。
創建完之後MongoDB不會默認存放到這裏,後續步驟在在命令行執行相應的命令告知MongoDB。
命令行進入D:\Program Files\MongoDB\Server\4.0\bin目錄下,執行
mongod --dbpath="C:\Program Files\MongoDB\data\db" --logpath="C:\Program Files\MongoDB\log" -install -serviceName "MongoDB"
或者新建mongo.conf文件注意對應自己的安裝目錄哦。
mongod --config D:\software\professional\mongoDB\mongo.config --install -serviceName "MongoDB"
這一步非常重要實現本地db的實例安裝及存儲位置。
4.驗證
一管理者角色運行cmd net start MongoDB
此時訪問瀏覽器 http://localhost:27017
證明安裝ok
4.安裝redis
1.安裝
直接下一步,注意勾選自動註冊環境變量哦
2.配置
環境變量安裝時已經做了;
cmd下redis-server redis.windows.conf
如果報bind: No error錯,則cmd上依次執行
redis-cli.exe shutdown exit redis-server.exe redis.windows.conf
這時候出來一個圖就是正確安裝了;
cmd中註冊服務:
redis-server --service-install redis.windows-service.conf --loglevel verbose
3.啓動服務
cmd下:redis-server --service-start
常用Redis命令:
卸載服務:redis-server --service-uninstall
開啓服務:redis-server --service-start
停止服務:redis-server --service-stop
5.部署easy-mock
對於前端人員從github上拉取代碼,本地install再build 是基本的操作了不再說明。
需要注意的是build成功之後,我們希望服務能在後臺穩定運行,所以最好使用pm2 守護進程pm2 start app.js
注意 以上服務的端口我們都使用默認的如要修改,在
{
"port": 7300,
"host": "0.0.0.0",
"pageSize": 30,
"proxy": false,
"db": "mongodb://localhost/easy-mock",
"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/"
}
}
三.驗證使用easy-mock
瀏覽器端 http://llocahost:7300
以上就ok
easy-mock使用方法參考官方文檔:https://easy-mock.com/docs
感言
最後感謝 雲社區作者 SHERlocked93的分享, 部分內容有借鑑
原創不易,求指正,求點贊!