Eolinker 在线Api 使用(支持数据mock)

前言

前后端分离的开发模式现在十分流行,但在日常开发中,前后端由于开发进度问题而导致相互影响。

前端在开发时需要数据接口,但后端还没有写出来,或者前端需要不停的去请求,来测试自己的功能,甚至需要一些极端的数据。这种情况下后端只能放下手中的获跟着前端来搞。往往会浪费大量的沟通时间。

而使用在线的 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 还有很多功能比如自动化测试,建立成员小组 等,大家自行探索。

你可能感兴趣的:(开发工具)