用工具实现 Mock API 的整个流程
在瀑布流开发模式中,如果前端开发人员需要进行页面对接,需要后端先完成 API 的开发工作,因此前后端开发的进度会互相影响。这时候就需要使用 Mock 工具来帮助前端进行模拟页面对接。
我们可以事先编写好 API 的数据生成规则,由 Eolink 的 API 研发管理平台动态生成 API 的返回数据。 开发人员通过访问 Mock API 来获得页面所需要的数据,完成对接工作。
以下为流程示例。
添加 Mock API
- 进入 API 文档详情页面,点击 Mock API 标签,点击新建 Mock API :
- 在弹窗中输入 Mock API 的名称以及请求触发条件:
填写触发条件
触发条件支持请求头部、请求体(Form-data、JSON)、Query 参数等。
以下例子表示当 Form-data 参数中包含 user_name = jackliu 时,返回静态的字符串数据:
填写响应结果
Mock API 提供了以下三种返回数据类型:
- JSON
如果不填写生成规则和属性值,系统会自动根据 JSON 结构以及数据类型来生成随机的数据。
我们也可以在生成规则和属性值中使用 Mock JS 语法来生成自定义的数据。
下图是 Mock JS 的官方示例,意为生成字符串长度介于 1~10 位的 ” ★ ”
在 API 研发管理平台 中,上述的 Mock JS 的官方示例将会改写为如下例子:
注意:如果使用 Mock JS,属性值前需要添加 @mock=,如 @mock= ” ★ ”
如果不需要使用 Mock JS,那么我们可以直接在属性值填写静态数据即可:
点击预览按钮得到的示例结果:
- Raw
当我们不需要随机生成数据时,可以选择 Raw 类型并填写静态数据:
- 动态 Javascript
当我们希望通过代码生成返回数据时,可以 使用编写 Javascript 代码的方式,并使用 return 语句返回数据。
Javascript 模式中也支持 Mock JS,通过 Mock.mock() 方式调用,详情可以查阅 Mock JS 官方文档。
以下例子表示使用 Javascript 代码结合 Mock JS 生成 随机中文名+当前日期 的返回结果:
var date = new Date();
var seperator1 = "-";
var year = date.getFullYear();
var month = date.getMonth() + 1;
var strDate = date.getDate();//在这里使用Mock JS 获取随机中文名
var userName = Mock.mock("@cname");if (month >= 1 && month <= 9) {month = "0" + month;}if (strDate >= 0 && strDate <= 9) {strDate = "0" + strDate;}var currentdate = year + seperator1 + month + seperator1 + strDate;return userName+seperator1+currentdate;
点击预览按钮得到的示例结果:
调用Mock API
进入 Mock API 列表页面,点击调用地址即可复制到剪贴板,在代码中直接对该 API 地址发起请求即可得到响应结果。
Mock API 对触发条件的优先级是:
以上即通过接口管理工具 Eolink 使用 Mock API 的操作流程。
Eolink 是一款能设计、管理 API ,一键生成 API 文档的管理工具,除此之外还能直接打通接口测试,一键发起 API 测试,方便快捷且功能强大。
其提供了市面最强的 Mock API 能力体系:
有兴趣可以自行试用:www.eolink.com
用工具实现 Mock API 的整个流程相关推荐
- Java中对接钉钉API获取数据流程
场景 需要做后台管理系统,接入钉钉API获取人员.考勤.审批等相关数据. 实现 钉钉开放平台应用开发文档 https://developers.dingtalk.com/document/app 首先 ...
- 工作效率 工具_我使用的工具加快了我的工作流程,使我的工作效率更高
工作效率 工具 by Egwuenu Gift 通过Egwuenu礼物 我使用的工具加快了我的工作流程,使我的工作效率更高 (The tools I use speed up my workflow ...
- Joshua Bloch访谈:API对设计流程的影响
文 / Peter Seibel 译 / 郝培强 本文是Common Lisp专家Peter Seibel对Google公司首席Java架构师Joshua Bloch的访谈,谈到API对设计流程的影响 ...
- Apizza-使用 Mock API 生成接口返回数据
使用 Mock API 1. 什么是Mock API 通过 Mock API事先编写好 API 的数据生成规则,由工具动态生成 API 的返回数据.开发人员通过访问 Mock API 来获得页面所需要 ...
- Math工具类常用API使用案例
对基础API的使用能够熟练掌握,能极大提高开发效率.有些知识是很简单,但并不是我们不学习和掌握它们的借口,越是简单的东西,在关键时刻越是能起到至关重要的作用,就好比我们花很长时间解决的一个BUG,结果 ...
- ( 持续更新,目前含 200+ 工具类 ) DevUtils 是一个 Android 工具库, 主要根据不同功能模块,封装快捷使用的工具类及 API 方法调用。
DevUtils GitHub About ( 持续更新,目前含 200+ 工具类 ) Roadmap DevUtils 是一个 Android 工具库,主要根据不同功能模块,封装快捷使用的工具类及 ...
- 基于AUTOSAR开发工具链的AUTOSAR软件实战开发---基于工具链AUTOSAR架构的开发流程
前一节简单介绍了CP AUTOSAR及它的分层结构,本节介绍基于工具链AUTOSAR架构的开发流程,对于多数使用AUTOSAR架构开发汽车电子软件的工程师而言,主要关注的还是如何将AUTOSAR架构应 ...
- mock api_没有API? 没问题! 通过Mock API快速开发
mock api 通过三个快速步骤,使用Node.js创建一个逼真的模拟API (Create a realistic mock API with Node.js in three quick ste ...
- 什么是营销自动化工具?简单的营销自动化流程如何设计?
作为营销人,日常工作中有大量重复&琐碎的日常工作,比如社群发消息通知.多个社交媒体平台管理.营销策划方案中几个项目管理表的同步.营销日报数据管理.广告数据分析等等场景.营销自动化的意思,就是借 ...
最新文章
- 基于 python3+nginx 的 Jupyter Notebook 服务端 ssl 访问
- CCNA200-120章节关系
- 面趣 | 据说这道烧脑的微软面试题很奇葩,你来试试?
- emlog和typecho文章采集插件-简数第三方数据采集
- 从土地利用规划到国土空间规划的一些思考
- linux安装python库报错pywin32_Python3爬虫利器:Scrapy的安装
- linux 复制文件到另一个目录命令_每天一条Linux命令(21) scp (远程文件复制)
- 被占满_关晓彤在家做饭暴露豪宅内景,冰箱占满一整面墙,酒柜比人还要高
- 画数轴的步骤_上分助手北师大数学七年级上册第二章有理数第二节数轴详细拆解...
- Intel CPU命名规则
- Flutter安装依赖包
- 医疗服务多元化监管,平安智慧城市给出“深圳经验”
- 卸载并安装谷歌浏览器
- solidity库的使用
- Android WebApp NativeApp 适配测试自动化平台GoGo实现 东海陈光剑
- 基于STM32cubemx的stm32f107vct6代码生成教程,实验一led闪烁
- EXCEL:SUMIFS多条件求和2(筛选效果),含字符串转数组用法
- 蛋蛋弹车2-具有功能安全EPS系统设计(工具篇2)
- 功能类微信小程序的推广
- fhq treap入门
热门文章
- 下面的log变量记录了云服务器上 当天上传的文件信息 其中第一列是文件名,第二列是文件大小 请编写一个程序,统计出不同类型的 文件的大小总和
- JForum论坛安装以及部署
- 【C++】C++库nlohmann / json的使用
- Windows网络守门人UserLock更新至v9.6,可通过Webhooks获取实时登录通知
- 蒙特卡洛算法模拟随机数代码
- iOS 10越狱和Reveal 8分析三方App UI框架教程
- 赶紧来传智播客报名吧~名额不多了
- Vue3学习笔记(二)——事件按键表单修饰符与表单
- windows 下编译使用 deepin DTK
- Android mipmap