Whistle

Whistle 代理小记录

Whistle 代理小记录 📣

关于代理

名词解释

• 抓包：包，是指网络数据包，包括客户端发送的请求和服务端返回的数据。PC 端，可以通过 chrome 直观的看到网络状态，但是 App 抓包则需要专门的抓包工具了。

• 代理：是指一个中间角色，它可以在本地调试时不需要经过鉴权或者其他限制的情况下，直接代理 url 请求，可以代理请求，也可以代理响应

HTTP代理

客户端到服务端的中转服务

• 不经过代理的请求：客户端和服务端直接建立连接后，即可开始交换数据。

• 经过代理的请求：客户端不与服务端直接建立连接，而是客户端先跟代理建立连接后，将目标服务器的地址发送给代理，通过代理再跟服务端建立连接，这里如果代理服务为 HTTP Server，则称为 HTTP 代理。

whistle使用

安装启动

• 安装node

• 安装whistle

  pnpm install -g whistle

• 启动whistle

  w2 start

• 配置代理

  我用的浏览器插件SwitchyOmega

  

• 访问配置页面

  • 方式1：域名访问 http://local.whistlejs.com/
  • 方式2：通过ip+端口来访问，形式如 e.g. http://127.0.0.1:8899
  • 方式2：通过命令行参数 -P xxxx 自定义webui的端口(xxxx表示要设置的端口号)，自定义端口支持上述两种方式访问，也支持 http://127.0.0.1:xxxx

高级使用

• 请求转发1

  把后端接口替换成本地文件，模拟数据（不用等待后端接口开发）

  http://example.com file://****.json

• 请求转发2

  把线上出错文件替换成本地文件debug

• 请求转发3

  把url替换成另一个线上网址

• 注入html, css, js

  也是替换成本地文件

  还可以注入源码

  www.baidu.com jsPrepend://{vConsole.min.js}

• 使用log功能打印日志

  www.baidu.com log://