Whistle抓包工具代理设置步骤

以下是优化后的安装和配置Whistle的步骤，每个步骤都带有详细的说明和建议的配图内容。由于配图无法直接展示，你可以根据描述自行截图或参考相关文档。

1. 安装 Whistle

全局安装 Whistle，运行以下命令：

bash复制

npm install -g whistle

（图示1）

运行命令后的终端截图，显示安装成功的信息。

2. 配置 Git Bash

在 Git Bash 中使用 w2 命令启动 Whistle。

1. 打开 Git Bash 的配置文件：
2. D:\Program Files\Git\etc\bash.bashrc
3. 在文件的最后一行添加以下内容：
4. bash复制

alias w2="/c/Users/xxxxxun11/AppData/Roaming/npm/whistle"

1. 保存文件并重启 Git Bash。

（图示2）

显示配置文件编辑后的截图，突出显示新增的 alias 行。

3. 启动 Whistle

在 Git Bash 或 VS Code 的终端中（终端需设置为 Git Bash），运行以下命令启动 Whistle：

bash复制

w2 start

访问 http://127.0.0.1:8899/ 来确认 Whistle 是否启动成功。

（图示3）

显示终端中运行 w2 start 命令后的截图，以及浏览器中访问 Whistle 管理界面的截图。

4. 配置浏览器代理

推荐使用 SwitchyOmega 或 whistle-for-chrome 插件来配置浏览器代理：

1. 下载并安装插件。
2. 在插件设置中，将代理服务器设置为 127.0.0.1，端口设置为 8899。

（图示4）

显示插件设置界面，突出显示代理服务器和端口的配置。

5. 配置系统代理（可选）

如果需要全局代理，可以在系统设置中配置：

1. 打开系统网络设置。
2. 选择“手动代理设置”。
3. 填写代理服务器为 127.0.0.1，端口为 8899。

（图示5）

显示系统代理设置界面，突出显示手动代理配置部分。

6. 安装 HTTPS 根证书

如果需要捕获 HTTPS 请求的内容，需安装 Whistle 的 HTTPS 根证书：

1. 访问 http://127.0.0.1:8899/。
2. 点击“HTTPS”选项，下载并安装根证书到浏览器的受信任根证书颁发机构中。

（图示6）

显示 Whistle 管理界面中的 HTTPS 选项，以及浏览器证书安装界面的截图。

7. 配置代理规则

在 Whistle 管理界面中，通过 Rules 配置代理规则。例如：

xxxxx.xxxx.com:28111 localhost:8864 excludeFilter:///api

• xxxxx.xxxx.com:28111 是生产环境的根路径。
• localhost:8864 是本地工程启动后的路径。
• excludeFilter:///api 表示不代理 /api 的请求。

（图示7）

显示 Whistle 管理界面中的 Rules 配置区域，突出显示规则内容。

8. 访问生产环境地址

配置完成后，访问生产环境的地址时，Whistle 会自动转发请求到本地工程，读取本地代码。

（图示8）

显示浏览器中访问生产环境地址的截图，以及 Whistle 管理界面中显示的请求日志。

注意事项

1. 如果无法访问 http://127.0.0.1:8899/，请检查 Whistle 是否启动成功，或者尝试重新启动服务。
2. 安装 HTTPS 根证书时，确保浏览器的受信任根证书颁发机构中已正确安装。
3. 代理规则的配置需根据实际需求调整。

希望这些步骤和配图建议能帮助你顺利配置 Whistle。如果有任何问题，请随时反馈！