思考：在线mock平台是怎么实现的

如果你使用过mock在线平台，不知道你是否也有过这种思考？当我们设置完项目 -> 添加访问接口 -> 配置返回值这样的操作后，就会得到一个地址，我们在使用postMan模拟请求就会得到相应的值，就像这样：

• 以前在开发后台的时候，养成了一个习惯，就是参数都是通过 ? 拼接在请求路径后面的，就像这样xxx/test-get?id=111&name=222，所以在我的印象中，带/的一般是路径，问号后面的才是参数，就是这个固有印象让我产生的这个思考，难道上面的请求接口都是对应的后台不同的路径映射？？？这怎么可能？想了一些时间后忽然想起RestFul风格的编码方式，原来上面的路径从/mock开始，后面的每个 / 都是一个查询参数。

• 就比如，上面的请求地址，可以拆分成:

  https://www.fastmock.site/mock/    <--- 请求地址，真正的在后台开启的映射
  165a9445f9a756c0090ff81498d2bb13  <--- 参数1：项目地址
  images   <--- 参数2，文件夹地址（可能是）
  test-get <--- 参数3，路径地址
  

• 假设当你发起GET请求，此时就会请求到后台的GET方法上的https://www.fastmock.site/mock/映射，并且会接收到后面三个参数，根据后面三个参数去数据库里查询，就可以得到唯一的一串信息，最后将其JSON格式化后返回给前台即得到上面的效果。

• 这不是什么新技术，就是RestFul方式传参而已。

• 其实自己是知道RestFul风格的，符合REST约束风格和原则的应用程序或设计就是RESTful。对于各种请求的风格类似下面风格：

  /emp/1  HTTP GET      查询id=1的emp
  
  /emp/1  HTTP DELETE    删除id=1的emp,实验中直接删除会报405错误，但是采用$.ajax异步删除就没问题
  
  /emp/1  HTTP PUT    跟新emp
  
  /emp/add  HTTP POST     新增emp
  

• 基于以上的思想，我们设计一个最简单的在线Mock平台，其功能实现简图就像下面这样：

  
  image.png
  • 我们从开始开始，我们先新建项目(project)，就得到一个project_id，假设是123
  • 在项目中我们新建一个请求url，比如是一个GET请求，路径是/test-get，我们选择实现的数据类型是手动，此时我们填入需要返回的数据体:{"test":"111"}，此时，一个模拟的url已经创建好了，我们点击保存，即保存到了数据库中。数据库表结构在后面。此时我们就得到了一个以后可以请求的路径，www.xx.com/mock/123/test-get。
  • 此时，我们使用PostMan即可模拟GET请求www.xx.com/mock/123/test-get，我们后端接口的映射是/mock/:project-id/:url，这是node的express方式，Spring等其他框架请自行转换。请求到接口后就得到了两个参数：projectId和url，其实还有一个默认的参数，就是method：GET，接着去按这三个值去数据库查询即可得到唯一的返回值：{"test":"111"}，此时该流程就结束了。
    数据库大致表结构

以上流程就是最简单的进行了一下构思，其实如果做起来，肯定还有一些不完善的地方，由于时间特殊，这个就不去实现了，有兴趣的话大家一起沟通呦~