首页 > 其他分享 >【前端小技巧】如何使用 Eolink Apilkit 调用 Mock ?

【前端小技巧】如何使用 Eolink Apilkit 调用 Mock ?

时间:2023-10-12 17:15:24浏览次数:41  
标签:返回 调用 高级 Apilkit API 文档 Eolink Mock

在开发过程中,进度比较赶的情况下,前端人员当页面写完时,后台的接口还没写完,等要交付的时候后端才把接口给你,这个时候就很尴尬。

这个时候 Mock 就可以很好的解决这个问题,前端团队可以在 API 还没开发完成的情况下,借助 Mock API 实现预对接,加速开发进程。测试团队可以通过 Mock API 解决不必要的系统,完成集成测试。

Eolink Apikit 为前端工程师提供 API 文档管理,快速接口测试,以及 Mock API 创建与调用,及查看文档变更历史的能力。有助于前端工程师快速查看 API 文档详情与历史记录,快速生成和使用 Mock API 提前进行页面效果验证。


如何 Mock?

项目地址:https://www.eolink.com/apikit

简易Mock

简易Mock功能可在编写API文档的时候,同时对不同的返回结果进行Mock配置。并且可预置智能Mock规则,在编写返回参数时,若参数名和字段类型匹配智能Mock规则时,系统自动填入该参数的Mock规则。

配置简易Mock后,API文档会自动生成Mock URL,用户可复制该URL直接调用得出想要的数据结果。

1、添加简易Mock

  1. 进入API文档编辑页,选中需要编辑的返回结果
  2. 数据类型选择JSON 或 XML ,在参数列表中填写字段名和选择数据类型,若字段名和数据类型命中了智能Mock的规则,则字段名输入框失去焦点后,系统会自动填充该字段的Mock值。

若mock值已有内容,则变更字段名或数据类型均不会触发智能Mock。

image

  1. 无论是否命中智能Mock规则,均可点击mock输入框,填写所需的mock规则。mock输入框支持填写数值和mockjs占位符。

若填写数值,则调用简易Mock的时候固定返回该数值;

若填写mockjs占位符,系统会根据占位符的输入内容实时展示您可能想输入的值。您点击下拉选项中的可能值后,该值会快速填入mock输入框中。

image

  1. 点击保存API文档,所添加的简易Mock即可被调用。

2、调用简易 Mock

进入API文档展示页,下拉至返回参数模块,则可见不同的返回结果下会有对应的简易Mock 链接。

点击 简易Mock 链接最右侧的复制按钮,即可复制到剪贴板,在代码中直接对该地址发起请求即可得到对应结果的虚拟数据。

image


高级Mock

Eolink Apikit 强大的自定义请求校验与响应,便于前后端对接和集成测试等场景如果自动生成的 Mock API 无法满足需求,Apikit 还提供了高级 Mock,设置某些请求参数作为触发条件并返回对应的结果,让 Mock API 有了更广泛的使用场景,比如更真实地模拟后端来完成集成测试。

1、添加高级Mock

在“高级Mock”页下,点击“添加Mock”,即会有添加Mock信息弹窗。可填写触发该高级Mock的请求参数,及该高级Mock返回参数信息。高级Mock仅会根据配置请求参数,完全匹配时才会返回所配置的返回参数。

image

2、调用高级Mock

用户点击高级Mock列表页顶部的调用地址,即可复制地址。可把地址黏贴到IDE工具中,调用接口进行调试。

image

一个API文档中无论设置了多少条高级Mock,均仅有一个高级Mock调用地址。用户在调用时,根据请求的内容判断触发了哪一条的高级Mock设置,并返回对应高级Mock的返回结果。

“如何优雅地Mock数据”是每个前端都应该学会的技巧,在后端数据没有出来的情况下,还能获取到和后端约定数据结构一样的模拟数据的一门技术,以避免后端接口进度滞后影响我们正常的开发 ,提高开发效率。

Eolink Apikit 提供市面最强的 Mock API 能力体系, mock 功能完善,从一个整体 Mock 到一个字段级的 Mock ,适配各种场景,大部分人会将其用于每天的应用,例如前后端项目开发,第三方接口的调试,以及接口的自动化测试,几个小时就能熟练地运用,学习成本低,不需要额外编写代码。

image

标签:返回,调用,高级,Apilkit,API,文档,Eolink,Mock
From: https://www.cnblogs.com/apibest/p/17759928.html

相关文章

  • 基于Flask搭建MockServer
    什么是mock创建一个模拟对象来代替实际的依赖项,以便进行各类测试。模拟对象可以模拟实际对象的行为,以便在测试过程中进行控制和验证类似于写了一个假的接口,返回我们想要的响应数据,类似于挡板,方便测试进行实际场景工作当中,支付等场景,不会进行真实的支付场景,会利用沙......
  • PowerMock中的doThrow和thenThrow
    在进行单元测试时,经常需要模拟异常场景,在执行某些方法时抛出异常,此时会用到doThrow和thenThrow1、两者的区别publicclassUserService{publicStringgetUserName(){return"张三";}publicvoidsetUserName(Stringname){Useruser=n......
  • 【接口测试】如何在 Eolink Apilkit 中使用 cookie ?
    什么是Cookie?Cookie是一种在网站之间传递的小型文本文件,用于存储用户的个人信息和偏好设置。当您访问一个网站时,网站会将Cookie存储在您的浏览器中,并在您下次访问该网站时读取该Cookie。这样,网站可以记住您的登录状态、购物车内容以及其他个性化设置。在编写接口自动化测试用......
  • Mock工具之Moco使用
    一、什么是Mockmock英文单词有愚弄、嘲笑、模拟的意思,这里主要是模拟的意思二、什么是Moco开源的、基于java开发的一个mock框架支持http、https、socket等协议三、Mock的特点只需要简单的配置request、response等即可满足要求支持在request中设置headers、cookies......
  • UT棘手的对象mock
    工具类ReflectionTestUtils获取内部类classClass.forName("com.xxx.xxxx.XXX.MetaContextHolder$ContextManagerHolder"),获取静态字段、private字段ReflectionTestUtils.getField(Class.forName("com.xxx.xxxx.XXX.MetaContextHolder$ContextMa......
  • Express+Mockjs+nodemon 搭建 mock 服务
    安装依赖npmiexpressmockjsnodemonbody-parser--save-devExpress:Node.jsWeb应用程序框架Mock.js:模拟数据生成nodemon:监听变化,实现热更新body-parser:请求体解析编写server.jsconstexpress=require('express')constbodyParser=require('body-parser')co......
  • [Unit testing] Vitest, mock Time
    import{afterEach,test,expect,vi,beforeEach}from'vitest';import{render}from'test/utilities';importTimeZonefrom'.';beforeEach(()=>{//freezetimevi.useFakeTimers();//setsystemtimetoacert......
  • 接口测试系列文章5——使用flask五分钟轻松学会搭建mock server
    mockServer做过接口测试的同学一定听说过mockServer,大家会觉得其很神秘,很高大上!mockServer出现的原因是现今的业务系统很少有孤立存在的,它们或多或少需要使用兄弟团队或是其他公司提供的服务,这给我们的联调和测试造成了麻烦。于是就有了解决方案——搭建一个临时的server,模拟那......
  • JMockit学习笔记
    1基本概念1.1常用注解@Mocked:被修饰的对象将会被Mock,对应的类和实例都会受影响(同一个测试用例中)@Injectable:仅Mock被修饰的对象@Capturing:可以mock接口以及其所有的实现类@Mock:MockUp模式中,指定被Fake的方法1.2常用的类Expectations:期望,指定的方法必须被调用StrictExpectati......
  • 【遥遥领先】Eolink IDEA 插件:零代码入侵,自动生成接口
    省流版:Eolink有IDEA插件吗?有,而且遥遥领先!我们在一年半之前就发布了,而且功能更丰富!IDEA插件市场搜索“EolinkApikit”即可安装使用。......