上次文章因为经常用到环境管理,给大家分享了一些环境设置的小技巧,虽然没啥评论(心痛中),但是有些观众提出了关于测试的问题,那今天就来分享一点测试的小技巧,一般来讲静态页写好后,需要后台返回测试数据来进行测试,但前后端分离的工作模式很难让前端开发完成后就可以直接调用后台接口,mock 的出现解决了这一问题。因为 Mock 可随机产生测试数据,亦可根据 mock 规则生成期望的数据内容,那我就说一下用 eoLinker ( https://www.eolinker.com )的 mock 功能演示模拟后台数据操作以及模拟的时候会遇到的一些小问题,至于完整的教程,大家感兴趣的自己去官网瞧瞧哦,么么。
首先编辑接口时,点击高级 mock,填入 mock 规则,mock 规则遵照 mockjs.cn ,根据 mock 规则产生的 mock 数据如图
然后可利用测试进行 mock 数据,先将 mock 地址复制,将其填入测试 uri 中(这步很关键)
此时返回结果是
若想让 mock 数据自动刷新,eoLinker 企业版提供 mock 自动刷新插件,先打开 mock 自动刷新插件
再进入项目,进入 mock 自动刷新设置页面
接着打开 mock 自动刷新插件后,用 eoLinker 重新访问 mock 地址
如上图,数据在第二次发送请求后,获取的 mock 数据有所更改,最后测试完后将 mock 地址写入代码,进行相应操作即可。值得一说的是 eoLinker 专业版还提供 mock 请求方式校验,下次有机会跟大家分享。
这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。
V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。
V2EX is a community of developers, designers and creative people.