前后端数据联调的三个小技巧,你一定要知道!

当项目开发完成进行提测后,测试人员发现了一条 Bug,定睛一看,原来某个接口报错变成了红色。

这就是第一个小技巧,对于异常 API,请使用 400+ 状态码进行表示,400+ 状态码在浏览器开发者工具调试下为红色,可一眼定位到异常 API

那测试人员发现了这条异常请求后,如何告知后端开发呢?

在虫子管理平台提 Bug 时,附以下信息。

  1. 告知当前登录用户
  2. 告知当前所在页面
  3. 告知页面操作步骤

但是,这实在太繁琐了,实际上,只需要一个 curl 即可搞定。

  1. 在控制台选中该条异常 API,右键点击 Copy as cURL
  2. 将该 curl 命令贴在 Bug 的上下文信息中

前后端数据联调的三个小技巧,你一定要知道!_第1张图片

这就是第二个小技巧,在浏览器控制台复制异常API的 cURL 扔给后端

后端拿到该 curl 后,无需登录,也无需操作页面,即可打断点进行问题定位。但是如何更好地去控制 Body 传递的参数呢?而在 curl 中修改参数是非常复杂的。

此时,可以在 Apifox 等 API 调试工具中直接将 curl 转化为 Apifox 中的请求,此时修改参数特别方便。

前后端数据联调的三个小技巧,你一定要知道!_第2张图片

这就是第三个小技巧,通过 Apifox 等 API 调试工具导入 cURL,方便修改参数

另外,在 Apifox 中还可以将 API 请求,转化为代码,这样子爬虫是不就非常方便了呢:

  1. 刷新页面,找到爬虫目标 API 接口
  2. 将该 API 接口转化为 cURL
  3. 将 cRUL 导入到 Apifox 中的请求
  4. 将 Apifox 中的请求生成代码

前后端数据联调的三个小技巧,你一定要知道!_第3张图片

你可能感兴趣的:(javascript前端)