Whistle——抓包工具

whistle官网下载及使用： http://wproxy.org/whistle/

一、功能

二、安装启动whistle

1、Windows和Mac系统，访问https://nodejs.org/，安装LTS版本的Node，默认安装即可

2、安装完成Node后，执行命令，查看当前node版本

     C:\Users\zhaoyajun18> node -v

    （如正常输出Node的版本号，表示Node安装成功(Windows系统需重新打开cmd））

3、安装whistle

     C:\Users\zhaoyajun18> npm install -g whistle

4、相关执行命令

     C:\Users\zhaoyajun18> w2 help

5、启动whistle

     C:\Users\zhaoyajun18> w2 start

6、停止whistle

     C:\Users\zhaoyajun18> w2 stop

7、重启whistle

     C:\Users\zhaoyajun18> w2 restart

8、开发模式启动

      C:\Users\zhaoyajun18> w2 run

      这种启动方式可以看到插件输出的  console  日志，且会自动加载当前目录的所有插件

      这种启动方式无法用w2 stop去终止，也无法用w2 restart重启

三、防火墙配置

四、配置代理

1、 安装Chrome代理插件 SwitchyOmega

 

2、 浏览器选择whistle作为代理

 

五、PC端抓包

1、启动whistle：win+R——>w2 start

2、在浏览器输入： http://127.0.0.1:8899              【network】显示抓到请求的具体内容，【Rules】配置hosts，【Values】mock的response内容

   

3、打开SwitchOmega选择配置好的“whistle”

 

4、安装证书

       

5、查看抓到的包

   

6、对于抓到的包主要关注以下信息

   

 

Access-Control-Request-Headers:content-type ：在实际请求中将要包含的一系列  HTTP   头，以逗号分隔。

Access-Control-Request-Method:post ：请求的方法

https://developer.mozilla.org/zh-CN/docs/Web/HTTP/Headers/Access-Control-Request-Method

六、移动端抓包

1、启动whistle：win+R——>w2 start

2、在浏览器输入： http://127.0.0.1:8899              【network】显示抓到请求的具体内容，【Rules】配置hosts，【Values】mock的response内容

 

3、打开SwitchOmega选择配置好的“whistle”

 

4、电脑开启热点

 

5、查看内网ip

 

6、手机连接电脑热点——配置代理（代理的ip为电脑ip，端口为whistle启动端口）

 

7、在手机浏览器输入http://rootca.pro/下载证书

8、查看抓到的包

 

七、前端mock数据

1、打开一个html页面，找到对应的 html文件，下载至本地进行修改

    首先将代码复制到Visual Studio Code，保存为.josn格式，右击选择Format Document做格式调整，改完需要修改的数据，保存，修改文件类型为index.html

   

2、在【Rules】写入对应的请求链接(.html)，以及本地存放index.html的路径

 

可加file://，可不加

八、接口mock数据

1、在【values】写入接口返回内容.josn

 

2、在【Rules】写mock的接口，格式： URL file://{filename}

 

3、 配 置完成——抓到请求为mock的接口——whistle直接将文件（.json）内容作为response返回给请求端

 

九、补充 Cookli缓存信息