小程序 Api mock

通常在我们日常前后端分离中,前端小伙伴需要等待后端同学完成接口,才能进入联调阶段,这样效率不高。为了在小程序上解决这一问题,我们为此开发了Api mock的功能,无惧后端同学拖后腿,多场景业务模拟,还原真实业务,跑通全流程。

使用指南

第一步: 进入DoKit平台产品信息,选择左侧的数据Mock选项

desktop

第二步: 选择右上角的“创建接口”按钮,新建一条数据Mock,填写相关信息。

desktop

第三步: 新建完成之后,就能看到接口信息,可以随时修改;另外,可以配置多个场景,对于同一个接口数据Mock,支持不同的场景的结果返回,各个场景灵活切换控制。

desktop

第四步: 新建场景,点击多场景配置的“新建场景”按钮,填写场景信息,场景名称和响应结果,响应结果目前支持json格式的数据结构。

desktop

第五步: 小程序上使用

当你创建完接口以后,打开开发版小程序,在小程序的app.js文件中,在全局数据的globalData字段中添加我们的projectId

  1. globalData: {
  2. projectId: '你的产品Id'
  3. }

1、然后进入我们的调试面板

desktop

2、点击数据模拟,进入数据模拟页面,可以看下如下的页面

desktop

然后我们选中想要mock的请求和相关的场景,再回到相关的业务页面,就可以拦截到相对应的请求了

Tip:目前判断请求是否匹配的规则是判断了,url,method,query和body

3、在模板页面,选中的url,如果匹配成功,会将接口返回的response作为模板上传到平台端,可以依次作为模板为不同的场景制定不同的response

desktop

4、点击preview按钮可以看到拦截到的response,点击upload可以上传到平台端

desktop

平台端,依据数据模板就可以针对不同场景可以灵活配置mock数据了

Tip:接口分组以及开关状态筛选功能后续添加