umock
所属分类:代理服务器
开发工具:Vue
文件大小:0KB
下载次数:0
上传日期:2022-12-09 06:50:18
上 传 者:
sh-1993
说明: 模拟服务器、炫耀的UI、反向代理、,
(Mock Server, swagger UI, Reverse proxy,)
文件列表:
.npmignore (14, 2017-06-21)
HISTORY.md (145, 2017-06-21)
LICENSE (1073, 2017-06-21)
bin/ (0, 2017-06-21)
bin/publish.js (421, 2017-06-21)
bin/umock (1164, 2017-06-21)
mock.sql (2988, 2017-06-21)
package.json (894, 2017-06-21)
page/ (0, 2017-06-21)
page/bak/ (0, 2017-06-21)
page/bak/index.css (2505, 2017-06-21)
page/bak/index.html (1960, 2017-06-21)
page/bak/index.js (803, 2017-06-21)
page/components/ (0, 2017-06-21)
page/components/databaseModel.vue (3679, 2017-06-21)
page/components/mockSet/ (0, 2017-06-21)
page/components/mockSet/mockDeveloper.vue (923, 2017-06-21)
page/components/mockSet/mockEdit.vue (9175, 2017-06-21)
page/components/mockSet/mockMenu.vue (871, 2017-06-21)
page/components/mockSet/mockSet.vue (10426, 2017-06-21)
page/components/mockSet/mockTest.vue (6444, 2017-06-21)
page/components/project.vue (2402, 2017-06-21)
page/components/projectEdit.vue (5332, 2017-06-21)
page/css/ (0, 2017-06-21)
page/css/font-awesome.min.css (29063, 2017-06-21)
page/dist/ (0, 2017-06-21)
page/dist/common.a8ddd3a6becc090352ef.js (180193, 2017-06-21)
page/dist/common.a8ddd3a6becc090352ef.js.map (1484595, 2017-06-21)
page/dist/fonts/ (0, 2017-06-21)
page/dist/fonts/fontawesome-webfont.eot (76518, 2017-06-21)
page/dist/fonts/fontawesome-webfont.svg (391622, 2017-06-21)
page/dist/fonts/fontawesome-webfont.ttf (152796, 2017-06-21)
page/dist/fonts/fontawesome-webfont.woff (90412, 2017-06-21)
page/dist/fonts/fontawesome-webfont.woff2 (71896, 2017-06-21)
page/dist/images/ (0, 2017-06-21)
page/dist/images/icon.ico (67646, 2017-06-21)
page/dist/images/icon.png (4220, 2017-06-21)
page/dist/index.a8ddd3a6becc090352ef.css (174123, 2017-06-21)
... ...
# umock
##服务器端的Mock Server
- 综合配置众多后台服务的反向代理,集成不同的后台,让前端统一访问接口。
- 通过配置mock返回的数据,统一开发流程。
- 修改后台返回的数据,解决开发中的数据需求。
##安装
###npm安装
```
npm install -g umock
```
###git安装
下载
```
git clone https://github.com/vvpvvp/umock.git
```
##参数
设置端口号
```
umock -p 9000
```
*端口号默认为8000,-p命令优先级更大,其次文件配置*
##项目配置
使用umock.js文件进行配置。
如果执行的命令在当前目录下,默认识别umock.js文件,或者使用命令-f识别。
###使用MySQL存储配置数据
执行
```
npm install mysql
```
在配置文件umock.js中
```json
const config = {
"mysql": {
"connectionLimit" : 20,
"host": "localhost",
"user":"root",
"password":"root",
"database":"mock"
}
};
module.exports = config;
```
*数据库初始化,使用文件mock.sql*
###使用Mongo存储配置数据
执行
```
npm install mongoose
```
在配置文件umock.js中
```json
const config = {
"mongo": {
"uri" : "uri"
}
};
module.exports = config;
```
###使用本地存储配置数据
执行
```
npm install pouchdb
```
在配置文件umock.js中
```json
const config = {
"pouchdb": {}
};
module.exports = config;
```
*具体配置参照umock.bak.js*
##启动
```javascript
//github本地安装,需要在根目录下添加umock.js
npm install
npm run start
//全局安装启动
umock -p 端口号 -f 配置文件
```
推荐安装[nodemon](https://www.npmjs.com/package/nodemon),如果安装了nodemon,则执行:
```javascript
npm run server
```
##访问
```
http://localhost:端口号
```
##界面
**不同后台项目列表**
![项目列表](https://raw.githubusercontent.com/vvpvvp/umock/master/screen/project.png)
**编辑项目信息**
![编辑项目信息](https://raw.githubusercontent.com/vvpvvp/umock/master/screen/projectedit.png)
**项目中配置的url列表**
![项目中配置的url列表](https://raw.githubusercontent.com/vvpvvp/umock/master/screen/mockset.png)
**配置url**
![配置url](https://raw.githubusercontent.com/vvpvvp/umock/master/screen/mocksetedit.png)
##Dependencies:
* [JQuery](http://jquery.com/)
* [Bootstrap](http://v3.bootcss.com/)
* [Vue](http://cn.vuejs.org/)
* [Mongo](https://www.mongodb.org/)
* [Pouchdb](https://pouchdb.com/)
近期下载者:
相关文件:
收藏者: