Requestly网络请求修改工具使用

Requestly 是一个 Chrome 插件，用于修改网络请求，例如重定向 URL、修改请求/响应头等。

1. 实际应用场景

1. 使用这个插件,我们可以在UI样式走查中,把返回的数据改成和 UI 设计图上一样的数据,这样就可以快速做走查

2. 对请求的返回数据做修改,以快速验证前端展示等功能

3. 接口文件的 mock

4. 等更多使用场景自己去发现

2. 插件安装

通过 Chrome 插件地址下载安装,并固定到菜单栏上,点击打开 Requestly 设置页面;

3. 简单使用介绍

我们主要说下请求返回数据的修改,比较常用的就是这个;

1. 打开 app,新建规则,选择 Modify API Response

2. 设置名称,填入重写的 URL,填入修改的返回,最后保存

3. 打开使用开关,在需要修改的页面打开调试面板,请求网络,这时就能按规则重写返回

4. 有时我们需要动态修改数据,设置 Dynamic 通过 JavaScript 脚本去修改返回值

function modifyResponse(args) {
  const {
    method,
    url,
    response,
    responseType,
    requestHeaders,
    requestData,
    responseJSON,
  } = args;
  // Change response below depending upon request attributes received in args
  const res = JSON.parse(response);
  let { mobileLayout } = res?.value;
  if (mobileLayout !== "GUIDEPAGE") {
    const ress = { value: { ...res.value, mobileLayout: "GUIDEPAGE" } };
    console.log(
      `%cRequestly Modify Response %c`,
      "color: #3c89e8; padding: 1px 5px; border-radius: 4px; border: 1px solid #91caff;",
      null,
      ress, 'origin', res
    );
    return JSON.stringify(ress);
  }
  return response;
}