funkylover / mock-server Goto Github PK

勾选的set流程中的api, 在mock面板中有对应的api项, 此时要优化mock面板的显示提示用户因为会优先匹配中set面板中数据, 所以mock面板中的数据不会生效

快速勾选

在api列表中每一项的前面都有checkbox，如果该api只有一个mock，可以快速切换，如果有多个mock，则只能反选

复制url

api列表中每一项都有两个复制按钮，一个是复制完整url，一个是复制验证url(/$mock-api?api=${api})

使用中如果存在很多个api，要切换起来容易看花眼

增加筛选功能方便快速定位到具体api

现在如果直接在mock目录中安卓node依赖，会把node_modules也作为mock配置目录进行解析

问题

对于 restful api 来说, 如 /api/user/:id, mock需要支持以下各种情况

GET /api/user/:id

POST /api/user

PUT /api/user/:id

# ....

目前 mock-server 没有针对该场景做优化, 目前只能通过 data.js 导出 function, 并在其中判断 http method 后返回不同的数据

优化目标

初步设想如下

/api/user/:id
  - get.js
  - post.js
  - put.js
  - ....

当命中 /api/user/:id 后, 会再去判断对应的 http method, 执行不同的js文件

和data.js一样, get/post/put等js文件可以直接导出一个数据对象, 也可以导出一个方法

当没有匹配的时候, 如 GET /api/user/123, 但是 /api/user/:id 目录下没有 get.js, 就返回 405 method not allowed

RT

目前启动mock server之后，控制台不会有任务输出（包括错误）

出现问题后开发者只能靠查，比较不合理

如需要调试服务端渲染页面, 其中代理的代码几乎重复的

考虑将其封装成一个代理方法/模块, 内置到mock-server中去

如 前后端分离之更好的mock你的后端api#模板接口调试 & 微信登录支持 中的例子

const proxy = require('mock/proxy');

proxy({
  url: 'https://api.target.com',
  ip: 'xxx.xx.xx.xxx', // 目标服务器ip, 如果不指定ip, 则转发到域名`api.target.com`对应的服务器
  pfx: fs.readFileSync('path/to/cert'),
  passphrase: 'password of cert'
}).then(res => {
  console.log(res); // 目标服务器的响应, 此时可以对其进行修改再返回至客户端
});

目前前端页面和交互都过于粗糙

后续参考下市面上其他admin boilerplate的样式改造一下

支持如/api_bin/:id/get_name等restful格式支持

RT

内置后端模板引擎解析器?

• ssi
• clearsliver
• 等等..

复现

文件目录

|- api.mock.api
    |- data
        |- api
             |- option1
                   |- data.js 

逾期表现

应该只会有一个api mock选项api.mock.api/data/api

实际表现

有两个api mock选项，api.mock.api/data/api和api.mock.api

第一个问题：
关于 POST 的方式，文档没有看到相关说明，我试了 POST 对应的请求，结果是 404.

响应为：ENOENT: no such file or directory, stat .....

第二个问题：
#7 应用是支持了 Restful 风格的接口配置，希望补充下使用说明。

在关闭mock server时，处理前端mock面板的请求错误

这样如果重新开启mock server，也不用刷新页面

使用例子如下

const send = require('koa-send');
const static = '/path/to/static/path';

module.exports = async (ctx) => {
  await send(ctx, ctx.path, {
    root: static
  });
  
  return {
    selfHandle: true
  };
};

Error occurred while trying to proxy request to target server through https

简单来说就是批量切换的功能

现在哪怕使用新增的resolver也不能解决这个问题

目前proxy属性会默认打开，即没有命中mock的api会直接代理到线上或指定ip

后续该特性会默认关闭，需要在proxy.js指定打开

module.exports = {
  'api.target.com': true,
  'api.mock.com': ww.xxx.yy.zzz
};

set checked

mock checked

/$mock-api

RT