easy-mock本地搭建指南

前言

對於前端來說前後端分離的項目選擇一款mock工具非常必要,一直以來easy-mock作爲全網最好用的在線數據mock工具,不知什麼原因從19年地開始在線版已經無法使用,如果你已經習慣了使用它,就只能自己在本地搭建mock服務,本篇博文就easymock本地化部署相關做整理總結。

一.準備工具

開始之前請務必查看官網文檔easy-mock本地部署的官方介紹.

根據官網介紹的步驟,大致分爲以下幾步:

  1. 安裝 node(>=v8.9) & MongoDB(>=v3.4) & Redis(>=v4.0)
  2. 啓動 MongoDB 和 Redis
  3. 安裝 easy-mock,更改配置文件
  4. 啓動 easy-mock,測試項目是否可以正常啓動
  5. 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的分享, 部分內容有借鑑
原創不易,求指正,求點贊!

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章