活儿好又性感的在线 Mock 平台 - Easy Mock

时间 2019-11-05

标签活儿在线 mock 平台 easy 繁體版

原文原文链接

今天的数据，感谢你们的支持，有问题能够加QQ群反馈，实时答复：595325417
前端

什么是 Easy Mock

Easy Mock 是一个极其简单、高效、可视化、而且能快速生成模拟数据的在线 mock 服务。
以项目管理的方式组织 Mock List，能帮助咱们更好的管理 Mock 数据，不怕丢失。
你问我为何要用它？请听我一一道来它的过人之处。后端

网站地址：www.easy-mock.com 欢迎注册体验。跨域

目前 easy-mock 在大搜车已经支持了200个项目，4000条mock数据的量级，而且彻底独立部署，请你们放心使用。restful

前言

今天咱们要说一说 如何有效提升前端开发效率 ，这个话题彷佛有些大了，
更确切的说应该是 如何使用 Easy Mock 提升前端开发效率。在先后端分离的大浪潮下，如何有效保障咱们在开发环节不被打断？（接口开发须要的时间每每比前端多）cookie

数据伪造

我相信你们都有各自的办法。好比说，数据结构

将 Mock 数据写在代码里
利用请求拦截
利用 Charles 等代理工具，将 URL Map 到本地文件
本地 Mock Server

上面这些方法虽然能够解决咱们的问题，但一样伴随着一些问题。好比说，框架

脏代码
依赖特定的框架
增长切换成本
接口数据结构重构须要手动更新
效率低下
没法优雅的进行协同编辑
没法持久化

看到这些，它们真的可以提升咱们的开发效率吗？答案就在你的心中。
为此，Easy Mock 就这样诞生了。前后端分离

支持 Swagger

Swagger 是一个规范和完整的框架，用于生成、描述、调用和可视化 RESTful 风格的 Web 服务。工具

效率一直咱们关注的问题，Easy Mock 支持基于 Swagger 生成 Mock List。而且，智能的更新操做只会对已经变更的接口作覆盖式更新。
而且基于 Swagger 建立的接口是支持参数显示的，也就是说咱们能看到这个接口的请求参数和响应数据结构。网站

再简单点讲，它的强大之处在于完全解放咱们的双手。只要后端用了 Swagger（而且按照规范生成 API 文档），生成 Mock 数据只是 1秒钟 的事情。

具体的使用方式见 Easy Mock 官网文档。

更简单的团队协做

Easy Mock 提供了 2 种方式以实现团队协做编辑。

我的项目 下邀请小伙伴一块儿参与编辑
建立团队 或 加入团队 便可参与该团队下全部项目的编辑

响应数据

若是能根据传入的参数动态返回数据该多好？Easy Mock 支持处理 Request 对象。
也就是说咱们能够经过 Request 对象的某些属性进行条件判断，从而实现 响应式数据。
那么，Request 对象都有些什么属性呢？以下，

header
method
url
querystring
host
hostname
query
cookies

这些只是一部分，更多属性和使用方式见 Easy Mock 官网文档

接口代理

有了接口代理能够作更多的事情。

代码调试
跨域请求

工做台

如何在茫茫的项目列表中找到你想要进行编辑的项目？
搜索虽然很方便，但有时候来回切换项目也须要时间成本，而且这是烦人的。
为此咱们能够经过将项目添加到工做台中，以提升咱们的使用效率。

快捷键

为了进一步提高效率，值得一提的小细节是 Easy Mock 支持快捷键操做。

建立项目 & 建立接口

在 项目列表 或 接口列表 中，按下 ctrl + c

搜索

在 项目列表 或 接口列表 中，按下 ctrl + s

扩展

移动端调试

步骤以下：

利用 Charles Fiddler 等代理工具，抓取客户端中包含页面入口的接口
在 Easy Mock 上建立一个接口
将刚刚抓取的接口数据复制到 数据模型 中，修改页面入口为本地的入口而后保存。要用本地 ip 哦，localhost 在手机上是无效的
点击预览，复制接口地址
回到代理工具。点击最开始抓取的接口，将其代理成刚刚复制的地址便可

这个方式能够为调试带来极大的帮助。

联系方式

反馈问题请加QQ群：595325417