如果你使用过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平台,其功能实现简图就像下面这样:
- 我们从
开始
开始,我们先新建项目(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"}
,此时该流程就结束了。
- 我们从
以上流程就是最简单的进行了一下构思,其实如果做起来,肯定还有一些不完善的地方,由于时间特殊,这个就不去实现了,有兴趣的话大家一起沟通呦~