基于thinkjs开发的WEB MOCK-SERVER(数据模拟)工具 ,其主要目的是在前后端分离开发时,用于模拟后端返回数据
-
支持可视化编辑JSON接口数据及接口文档
-
支持GET、POST、PUT、DELETE,SEARCH,等所有请求类型
-
支持RESTful格式路径:如: /a/:user/:id
-
支持指定返回状态码,默认200
-
支持延时返回数据
-
支持mockjs
-
支持跨域调用项目接口
-
支持模拟接口与真实接口切换,在切换到真实接口时,能够接收POST,GET,COOKIE等在http header请求的参数
-
支持中英文切换
-
支持客户端 'text/plain' 类型的 POST 提交(postman中
Body选择raw)
欢迎star,并提出改进意见
npm install
- 使用系统自带初始化数据库功能(推荐)
- 手动导入数据库文件,并修改数据库配置
需要安装mysql[5.7.14], 并导入最新的mockserver.sql 文件
修改/src/common/config/db.js中的数据库配置
/src/common/config/config.js
npm start
#Server running at http://127.0.0.1:8033/
- mock-server启动地址: http://127.0.0.1:8033
- 已创建一个项目,项目 id为:8a15fbb94471050bb46f
- 已创建一个接口 : /api/demo
以 jQuery AJAX 为例:
$.getJSON('http://127.0.0.1:8033/8a15fbb94471050bb46f/api/demo').done(function(){
}).fail(function(){
})
- 你的WEB项目启动地址: http://127.0.0.1:8034
- mock-server启动地址: http://127.0.0.1:8033
- 已创建一个项目,项目 id为:8a15fbb94471050bb46f
- 已创建一个接口 : /api/demo
server {
listen 80;
server_name www.site.com;
root your/project/path;
gzip_static on;
# 将 /api下所有请求代理到 mock-server
location ^~ /api {
rewrite ^/api/(.*) '/8a15fbb94471050bb46f/api/1ドル' break;
proxy_set_header Host $host;
proxy_set_header X-Real-IP $remote_addr;
proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
proxy_set_header X-Forwarded-Proto $scheme;
proxy_pass http://127.0.0.1:8033/;
break;
}
location / {
proxy_pass http://127.0.0.1:8034;
}
}
- 你的WEB项目启动地址: http://127.0.0.1:8034
- Mock-server 启动地址 : http://127.0.0.1:8033
- 已创建一个项目,项目 id为:8a15fbb94471050bb46f
- 已创建一个接口 : /api/demo
- /api/demo 的二次代理地址为 : http://www.site.com
- nginx server_name:www.site.com
nginx config:
server {
listen 80;
server_name www.site.com;
root your/project/path;
gzip_static on;
location ^~ /api {
set $is_proxy 0;
# 如果是从mock-server代理到的请求,则会含有$http_is_mock_server_proxy参数
if ($http_is_mock_server_proxy){
# $http_is_mock_server_proxy is mock-server writed header
set $is_proxy $http_is_mock_server_proxy;
}
# 如果不是从mock-server代理过来的请求
# 则将 /api目录下所有请求代理到 mock-server服务下
if ($is_proxy = 0 ){
rewrite ^/api/(.*) '/8a15fbb94471050bb46f/api/1ドル' break;
proxy_set_header Host $host;
proxy_set_header X-Real-IP $remote_addr;
proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
proxy_set_header X-Forwarded-Proto $scheme;
proxy_pass http://127.0.0.1:8033/;
break;
}
#当二次代理开启并且 二次代理域名与 [server_name]一样时,
#请求会先代理到mock-server,然后再代理到nginx,出现循环代理,因此
#在此处判断如果已经是从mock-server代理过来的请求则不再次代理
if ($is_proxy = 1 ){
add_header http_is_mock_server_proxy "$is_proxy";
proxy_pass http://127.0.0.1:8034;
break;
}
}
location / {
proxy_pass http://127.0.0.1:8034;
}
}
在[your.site.com]下,就可以同域调用接口:
$.getJSON('/api/demo').done(function(){
}).fail(function(){
})
2017年7月16日
修改项目ID为随机hash,并以此ID为接口路径的前缀,并删除原设置API前缀功能
优化代码,及提供POST,PUT,DELETE等method type的接口预览功能
2017年4月25日
添加国际化,中英文切换
修改jsoneditor 中文输入BUG
2017年4月11日
有更新,需要重新导入数据库文件
支持跨域调用项目接口
添加header 代理白名单和黑名单
允许自定义项目接口前缀
优化交互体验及BUG
添加返回状态码
添加延迟返回数据
优化部分验证