whislte的使用，手机代理

whistle介绍

简介： 基于Node实现的跨平台web调试代理工具
同类工具： Fiddler
作用： 主要用于查看、修改HTTP、HTTPS、Websocket的请求、响应，也可以作为HTTP代理服务器使用

whistle官网：http://wproxy.org/whistle/

---

安装whistle

1. 前提，先安装 node
2. 执行 npm install whistle -g 安装 whistle
3. 执行 whistle help（也可执行 w2 help，后面统一使用 w2） 检查是否安装完成
4. 执行 w2 start 启动 whistle
5. 执行 w2 stop 停止

启动后通过访问 http://127.0.0.1:8899/#network 即可查看whistle主界面

---

whistle界面

左侧边栏：

1. Network(请求列表页面)
   可以查看通过 127.0.0.1:8899 （即whistle）代理后的所有请求列表
2. Rules(操作规则配置界面)
   配置代理规则，比如将某一个请求代理到另一个地址上

# 将www.ifeng.com代理到百度
# www.ifeng.com http://www.baidu.com
# 将www.ifeng.com代理到本地D盘下的123.txt文件
www.ifeng.com file://D:xx123.txt

3. Values(存放KeyValue的系统)
   配置 key-value 数据
   比如在 Rules 中 配置如下代理 www.ifeng.com resBody://{getTestData.json}
   getTestData.json是钻Values模块下定义的key
4. Plugins(插件列表页面)
   暂未使用

---

whistle代理

1. PC端浏览器请求代理
2. 手机端请求代理

对于浏览器代理，以chrome浏览器为例：

• 方式一： 直接使用chrome设置中的代理配置
  即 > 设置 > 系统(高级) > 打开您计算机的代理设置 > 局域网设置(在弹窗的“连接”Tab下) > 配置代理服务器(127.0.0.1:8899)即可
• 方式二： 安装Chrome代理插件：官网推荐SwitchyOmega
  即在配置页面中 新建情景模式 > 配置代理服务器(127.0.0.1:8899) > 将SwitchyOmega固定在chrome右上角的扩展部分 > 根据需要切换代理即可

然后随便打开个网页，检查PC端的 http://127.0.0.1:8899/#network 请求列表，查看是否代理成功（请求列表中是否有对应的请求）

对于手机端代理：
连接wifi(和PC端同网) > 打开“设置”进入已连接的wifi网络详情 > 点击“代理” > 选择“手动” > 配置代理服务器(192.168.x.x:8899)即可
注意： 此处配置的主机名是PC端的域名
然后操作手机app，检查PC端的 http://127.0.0.1:8899/#network 请求列表，查看是否代理成功（请求列表中是否有对应的请求）