资讯专栏INFORMATION COLUMN

用 Easy Mock 模拟伪造服务器数据进行开发调试

leap_frog / 1911人阅读

摘要:以前开发的时候需要数据调试要么当前文件代码写死要么新建文件来获取偶然知道了这个神奇的网站可能有点后知后觉伪造起数据别提多爽了初次见面打开官网界面甚至简单我喜欢的自我介绍开启探索之旅看过介绍下面就开始登录使用了强势登录如果之前没有账号会直接注

以前开发的时候需要数据调试要么当前文件代码写死, 要么新建 JSON 文件来获取. 偶然知道了 Easy Mock 这个神奇的网站(可能有点后知后觉), 伪造起数据别提多爽了
初次见面

打开Easy Mock 官网, 界面甚至简单,我喜欢, Hello Easy Mock

Easy Mock 的自我介绍

开启探索之旅

看过介绍, 下面就开始登录使用了

强势登录

如果之前没有账号, 会直接注册并进行登录

只属于你的项目

登录之后, 会直接进到你的项目页面, 这里有你名下所有的项目

接口列表

点开一个项目, 你会看到当前项目下所有的接口列表

接口详情

点击接口列表右侧的编辑按钮, 可以直接进行模拟数据的编辑, 以及右侧接口说明信息

这个是我的示例, 编辑完成之后点击右侧更新, 然后关闭页面

接口使用

进行以上修改编辑之后, 就可以使用接口进行数据获取了

复制接口地址

在接口列表也, 点击右侧复制按钮, 会直接复制当前接口的请求地址

js 里 Ajax 请求接口数据

回到 js 代码里, 可以直接用 Ajax 方法进行数据请求

华丽丽的结果展示

打开浏览器调试窗口, 你所 伪造 的数据已经出现了

然后, 就可以用这些数据进行需要的开发调试了.

这仅仅是一片 Easy Mock 入门文章, 如有其它需求, 可直接阅读官网文档
友情链接: Easy Mock 文档

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/109875.html

相关文章

  • 前端开发如何做好本地接口模拟

    摘要:前端开发如何做好本地接口模拟之前有写过一篇本地化接口模拟前后端并行开发,讲到过本地接口模拟,但不太细致。有哪些途径本地接口模拟一般分为工具层面和代码层面。因为本地接口模拟功能主要是针对的返回值为格式的异步请求,所以这种方式主要用文件。 前端开发如何做好本地接口模拟 之前有写过一篇 本地化接口模拟、前后端并行开发,讲到过本地接口模拟,但不太细致。这次细细的说说本地接口模拟。 1. 有什么...

    ACb0y 评论0 收藏0
  • 使Easy Mock构建模拟数据

    摘要:但苦于后台还没有写,并没有数据,因此就学习了如何用构建模拟数据。伪造数据,能让程序的编写更高效。使用也较为简单。这样,我们就获得了我们创建的虚拟数据。 最近在学前端与后端相结合,在写前端页面的时候,需要从后台取数据,对页面进行更新。但苦于后台还没有写,并没有数据,因此就学习了如何用EasyMock构建模拟数据。 Easy Mock简介 Easy Mock 是一个可视化,并且能快速生成 ...

    waruqi 评论0 收藏0
  • 使Easy Mock构建模拟数据

    摘要:但苦于后台还没有写,并没有数据,因此就学习了如何用构建模拟数据。伪造数据,能让程序的编写更高效。使用也较为简单。这样,我们就获得了我们创建的虚拟数据。 最近在学前端与后端相结合,在写前端页面的时候,需要从后台取数据,对页面进行更新。但苦于后台还没有写,并没有数据,因此就学习了如何用EasyMock构建模拟数据。 Easy Mock简介 Easy Mock 是一个可视化,并且能快速生成 ...

    _Dreams 评论0 收藏0
  • APP测试的极简Mock方法——Mock服务端接口

    摘要:本文适用的场景在对移动端的纯移动端功能或者前端页面的纯前端功能进行测试时,服务端接口返回的数据不满足要求,或者制造测试数据比较复杂,需要使用方法来快速构造数据。进入官网后,首先创建一个项目,一个项目包含若干个接口,我们最终模拟的是接口。 本文适用的场景:在对移动端APP的纯移动端功能或者前端H5页面的纯前端功能进行测试时,服务端接口返回的数据不满足要求,或者制造测试数据比较复杂,需要使...

    godiscoder 评论0 收藏0
  • 浅谈前端mock

    摘要:引言前端开发经常需要等待后端的接口,严重影响了开发效率,我们一般采用方式来避免这个问题。可能会涉及到门技术,分别是服务端技术随机生成特定格式数据的技术请求转发请求拦截。 引言 前端开发经常需要等待后端的接口,严重影响了开发效率,我们一般采用mock方式来避免这个问题。本人参考了大量文章,结合自己的经验,给出自己在mock上的一些理解。 1. 原理 何为mock,我认为mock主要就是通...

    elina 评论0 收藏0

发表评论

0条评论

leap_frog

|高级讲师

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<