摘要:在前后端分離的開發方式下,后端如果暫時沒數據,前端為了開發方便可以使用模擬數據來對付一下,目前提供模擬數據的平臺已經有不少,大多數都是自帶管理的,比如甚至我們可以本地用自己寫其中比較小清新,使用起來也方便點,缺點就是沒有的分組功能,但平
在前后端分離的開發方式下,后端如果暫時沒數據,前端為了開發方便可以使用模擬數據來對付一下,目前提供模擬數據的平臺已經有不少,大多數都是自帶Api管理的,比如Yapi、sosoApi、epLinker、Easy-Mock甚至我們可以本地用Mock.js自己寫...
其中Easy-Mock比較小清新,使用起來也方便點,缺點就是沒有Api的分組功能,但平時應付應付不太大的應用、個人應用等場景足夠了;如果要進行分組權限管理之類的復雜功能,則推介使用目前正在快速更新的Yapi~ 當我們快樂的在官網使用Easy-Mock的時候,天有不測之風云:
官網的被不少人直接拿到開發環境用,因此經常被擠爆;
有些公司/研究所限制外網;
為什么網上已經有好多介紹部署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目錄下,根據自己情況自行更改;
主要有下面幾步:
新建文件
D:MongoDB下面新建一個配置文件mongo.conf
dbpath=D:MongoDBdatadb logpath=D:MongoDBlogmongo.log logappend=true journal=true quiet=true port=27017
D:MongoDBdata下面新建一個文件夾db
D:MongoDBlog下面新建一個文件mongo.log
創建服務
把可執行文件的D:MongoDBin添加到系統變量里;
管理員權限的cmd中注冊服務:mongod --config "D:MongoDBmongo.conf" --install --serviceName "MongoDB"
cmd中開啟服務:net start mongodb
這時候瀏覽器中訪問127.0.0.1:27017應該就已經有內容了
進入mongo環境
如果之前安裝無誤的話,cmd中輸入mongo應該就可以進入mongo的可執行環境了,這時輸入db應顯示test
mongo運行環境下:use easymockdb
1.2 Redis安裝Redis類似,在Github-release下載一個msi版本安裝,一直下一步;
添加路徑
添加安裝路徑D:Redis到系統變量里
創建服務
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
啟動服務
cmd下:redis-server --service-start
常用Redis命令:
卸載服務:redis-server --service-uninstall
開啟服務:redis-server --service-start
停止服務:redis-server --service-stop
2 安裝部署Easy-Mock
首先要全局安裝兩個庫
npm i -g cross-env pm2
具體安裝從git上clone下來并install、build,我這里是安裝到E:Official ProjectEasy-Mock
git clone https://github.com/easy-mock/easy-mock.git cd easy-mock npm install npm run build
配置在config/default.json中自行修改,注意其中有幾個地方要改一下
db改為mongodb://localhost:27017/easymockdb`
redis->port應該跟之前安裝的redis配置的port一致,默認6379
在項目目錄下使用pm2守護運行:
cd "E:Official ProjectEasy-Mock" cross-env NODE_ENV=production pm2 start app.js
這時候訪問本地的 http://localhost:7300/ 就可以打開Easy-Mock頁面了,跟Easy-Mock官網一樣的~
網上的帖子大多深淺不一,甚至有些前后矛盾,在下的文章都是學習過程中的總結,如果發現錯誤,歡迎留言指出~
參考:
Redis在windows下安裝過程
Easy-mock文檔 - 如何本地部署
easy-mock 本地部署(擠需體驗三番鐘,里造會干我一樣,愛象節款mock)
PS:歡迎大家關注我的公眾號【前端下午茶】,一起加油吧~
另外可以加入「前端下午茶交流群」微信群,長按識別下面二維碼即可加我好友,備注加群,我拉你入群~
文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。
轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/97768.html
摘要:在前后端分離的開發方式下,后端如果暫時沒數據,前端為了開發方便可以使用模擬數據來對付一下,目前提供模擬數據的平臺已經有不少,大多數都是自帶管理的,比如甚至我們可以本地用自己寫其中比較小清新,使用起來也方便點,缺點就是沒有的分組功能,但平 在前后端分離的開發方式下,后端如果暫時沒數據,前端為了開發方便可以使用模擬數據來對付一下,目前提供模擬數據的平臺已經有不少,大多數都是自帶Api管理的...
摘要:在工作中,我們的前端工作流一般開始于前后端協商好文檔之后,再針對這個文檔做模擬數據,然后用做好的進行開發,后端開發完畢之后再改一下數據的切換到正式進行聯調如下本文介紹的一個工具或者說方法,來將這個工作流優化一下,也是我平時工作正在用的方法, 在工作中,我們的前端工作流一般開始于前后端協商好Api文檔之后,再針對這個Api文檔做mock模擬數據,然后用做好的mock進行開發,后端開發完畢...
摘要:安裝配置文件找到,或者創建一個文件,將如下需要替換的字段換成自己的配置即可。默認是不需要修改配置文件的不同環境會加載不同的配置文件,在此之前你應該對有所了解。學習群,美女多多。老司機快上車,來不及解釋了。 前言 很多小伙伴問我怎么在自己公司的項目里面添加配置mock,在vue項目里面都知道怎么配置mock,在大型前端項目里面就一臉疑惑了。showImg(https://segmentf...
摘要:前端開發如何做好本地接口模擬之前有寫過一篇本地化接口模擬前后端并行開發,講到過本地接口模擬,但不太細致。有哪些途徑本地接口模擬一般分為工具層面和代碼層面。因為本地接口模擬功能主要是針對的返回值為格式的異步請求,所以這種方式主要用文件。 前端開發如何做好本地接口模擬 之前有寫過一篇 本地化接口模擬、前后端并行開發,講到過本地接口模擬,但不太細致。這次細細的說說本地接口模擬。 1. 有什么...
閱讀 1141·2021-11-23 10:04
閱讀 2401·2021-11-22 15:29
閱讀 2743·2021-11-19 09:40
閱讀 715·2021-09-22 15:26
閱讀 2117·2019-08-29 16:27
閱讀 2484·2019-08-29 16:10
閱讀 1918·2019-08-29 15:43
閱讀 3275·2019-08-29 12:43