前言
前后端分离的开发模式现在十分流行,但在日常开发中,前后端由于开发进度问题而导致相互影响。
前端在开发时需要数据接口,但后端还没有写出来,或者前端需要不停的去请求,来测试自己的功能,甚至需要一些极端的数据。这种情况下后端只能放下手中的获跟着前端来搞。往往会浪费大量的沟通时间。
而使用在线的 api 则能解决这个问题。将前后端商定好数据接口先写到第三方平台,前端需要什么样的数据自己去定制,后端也可以安心开发自己的模块。待到双方开发完毕,只需要到最后进行简单的功能联调即可。
这也就是eolinker
这个在线工具的使用必要性。
样例
配置:
生成数据:
使用
一、登录注册
根据常识执行流程即可,eolinker 提供了免费和专业版,区别在于专业版拥有更大的存储空间及更完善的服务,但如果只是想寻找一个在线 api 接口,免费的就够用了。
二、新建一个项目
点击侧边栏的 api 管理
目录,可以在此处新建你的项目,或者,可以导入来自 postman
, DHC
, swagger
等中的项目。
三、 在项目中创建分组
点击创建的项目,会进入这个项目的介绍面板,包括类型,动态,接口,文档等信息。点击 接口处
,进入 api 列表页。
刚开始会有一个默认分组,我们可以对他进行编辑和添加子分组等操作,如图,我在这个分组下建立了两个子分组,用于管理不同的 api
列表。
四、创建 API
点击 新建接口
,进入 api 创建页。
按照操作填写数据即可。
(由于我们是免费版,所以不能根据不同的入参来返回不同的出参,所以这个页面中入参列表可以选择不填。其他内容可以根据实际情况填写)
在填写时我们看到可以导入 json
,建议将数据转成json
后直接粘贴过来,十分方便快捷。
填写完成后点击保存后便可以看到这个接口的信息,并且通过复制 mockURL
到需要的地方便可以正常请求接收数据。(此时注意需要按照正确的方式进行请求,比如设置的时候使用 post
方式,那也需要使用 post
方式调用)
五、使用 mock 生成随机数据
在新增或编辑状态下,我们能在创建 API 的上方看到 Mock API
模块。点击切换。
我们可以看到 mock设置
和 数据预览
。
在数据设置页,这个表格从左只有分别是字段名
,类型
,生成规则
,属性值
。
前两个不多描述。
我们先看几个 MOCK 的实例。
// 生成一个字符串,由★组成
Mock.mock({
"string|1-10": "★"
})
// 结果:
{
"string": "★★★★★★"
}
此时我们需要在生成规则出填写 1-10
,在属性值中 填写 ★
即可。
// 生成一个 1- 100 之间的随机数
Mock.mock({
"number|1-100": 100
})
// 结果:
{
"number": 26
}
此时我们需要在生成规则处填写 1-100
,在属性值中不需要填写内容。
// 生成一个随机的`boolean` 类型的数据
// Random.boolean()
Random.boolean()
Mock.mock('@boolean')
Mock.mock('@boolean()')
// 输出
false
true
false
上面的语法表示,这三种方式都可以用来生成一个随机 boolean
值,我们只需要在属性值处填写@boolean
或者 @boolean()
。
其他的随机数与此类似。
比如生成一个由 18 个数字组成的字符串。
Mock.mock('@character("number",18)')
我们只需要在属性值中填写@character("number",18)
,也就是说,填入Mock.mock()
方法的参数。
最后,点击保存后会生成一个Mock URL,我们可以在下图中的 mock
中查看并使用这个 url。
总结
eolinker 还有很多功能比如自动化测试
,建立成员小组
等,大家自行探索。