小程序 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:接口分组以及开关状态筛选功能后续添加