windows本地安裝部署 Easy Mock

SHERlocked93發表於2018-09-14

在前後端分離的開發方式下,後端如果暫時沒資料,前端為了開發方便可以使用模擬資料來對付一下,目前提供模擬資料的平臺已經有不少,大多數都是自帶Api管理的,比如YapisosoApieoLinkerEasy-Mock甚至我們可以本地用Mock.js自己寫...

其中Easy-Mock比較小清新,使用起來也方便點,缺點就是沒有Api的分組功能,但平時應付應付不太大的應用、個人應用等場景足夠了;如果要進行分組許可權管理之類的複雜功能,則推介使用目前正在快速更新的Yapi~ 當我們快樂的在官網使用Easy-Mock的時候,天有不測之風雲:

  1. 官網的被不少人直接拿到開發環境用,因此經常被擠爆;
  2. 有些公司/研究所限制外網;

為什麼網上已經有好多介紹部署Easy-Mock的文章還要發個呢,因為我用他們的文章部署的時候趟了好多坑...所以記一下方便以後自己翻閱

因此這裡介紹一下如何本地去部署Easy-Mock

1. MongoDB、Redis安裝

MongoDB版本4.0.2,Redis版本3.2.100

1.1 MongoDB安裝

MongoDB的安裝要注意,如果已經有了MongoDB服務了,需要sc delete MongoDB把服務解除安裝;

官網下載安裝包安裝之後一直下一步,我這裡是安裝到D:\MongoDB目錄下,根據自己情況自行更改;

主要有下面幾步:

  1. 新建檔案 D:\MongoDB下面新建一個配置檔案mongo.conf

    dbpath=D:\MongoDB\data\db
    logpath=D:\MongoDB\log\mongo.log
    logappend=true
    journal=true
    quiet=true
    port=27017
    複製程式碼

    D:\MongoDB\data下面新建一個資料夾db

    D:\MongoDB\log下面新建一個檔案mongo.log

  2. 建立服務 把可執行檔案的D:\MongoDB\bin新增到系統變數裡;

    管理員許可權的cmd中註冊服務:mongod --config "D:\MongoDB\mongo.conf" --install --serviceName "MongoDB"

    cmd中開啟服務:net start mongodb

    這時候瀏覽器中訪問127.0.0.1:27017應該就已經有內容了

  3. 進入mongo環境

    如果之前安裝無誤的話,cmd中輸入mongo應該就可以進入mongo的可執行環境了,這時輸入db應顯示test

    mongo執行環境下:use easymockdb

1.2 Redis安裝

Redis類似,在Github-release下載一個msi版本安裝,一直下一步;

  1. 新增路徑

    新增安裝路徑D:\Redis到系統變數裡

  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

2 安裝部署Easy-Mock

  1. 首先要全域性安裝兩個庫

    npm i -g cross-env pm2
    複製程式碼
  2. 具體安裝從git上clone下來並installbuild,我這裡是安裝到E:\Official Project\Easy-Mock

    git clone https://github.com/easy-mock/easy-mock.git
    cd easy-mock
    npm install
    npm run build
    複製程式碼
  3. 配置在config/default.json中自行修改,注意其中有幾個地方要改一下

    1. db改為`mongodb://localhost:27017/easymockdb``
    2. redis->port應該跟之前安裝的redis配置的port一致,預設6379
  4. 在專案目錄下使用pm2守護執行:

    cd "E:\Official Project\Easy-Mock"
    cross-env NODE_ENV=production pm2 start app.js
    複製程式碼

這時候訪問本地的 http://localhost:7300/ 就可以開啟Easy-Mock頁面了,跟Easy-Mock官網一樣的~


網上的帖子大多深淺不一,甚至有些前後矛盾,在下的文章都是學習過程中的總結,如果發現錯誤,歡迎留言指出~

參考:

  1. Redis在windows下安裝過程
  2. Easy-mock文件 - 如何本地部署
  3. easy-mock 本地部署(擠需體驗三番鍾,裡造會幹我一樣,愛象節款mock)

PS:歡迎大家關注我的公眾號【前端下午茶】,一起加油吧~

windows本地安裝部署 Easy Mock

相關文章