教你配置免费又好用的抓包代理神器，HTTPS 也不在话下 _抓包代理

文章插图

什么是抓包和代理抓包：当我们需要知道一个 HTTP 请求发送和返回的信息时，就需要用到抓包工具。在电脑上 Chrome 自带有网络调试工具，如果在移动设备上，就需要一个专门的抓包工具来抓取移动端的流量，来了解网络请求发送了什么数据，返回了什么数据；
代理：当我们在本地调试线上网站的代码时，由于本地域名 localhost 没有线上域名的 cookie，无法鉴权，这时候就需要用代理工具骗过浏览器，让浏览器以为访问的是线上的地址，从而可以用线上的 cookie 来调试本地代码。代理工具起的作用是把对地址栏 url 的请求替换成指定的 url，但是浏览器本身没有察觉。这里讲的是 web 开发时的代理，除此之外还有其他形式的代理，暂不做介绍。
whistle 简介

文章插图

抓包
今天要介绍的是 whistle，一个开源免费的抓包代理神器，配置很简单。
对比它的竞品 Charles、Fiddler，wireshark，它有这些优势：

开源，不太可能带有恶意代码；
免费（Charles 收费）；
全平台都可以使用（基于 nodeJS）（Fiddler 在 linux 很难用）；
配置代理非常简单；

Github：https://github.com/avwo/whistle
官网 https://wproxy.org/whistle/

下面是 whistle 的功能图：

文章插图

快速上手先安装 whistle：
$ npm install -g whistle安装成功之后可以使用 w2 start、wproxy start、whistle start 三者之一来启动 whsitle 。启动之后显示如下信息：

文章插图

whistle 启动成功
启动完成之后，whistle 会在后台运行，无法通过 ctrl + c 关闭，关闭和重启的操作如下：
# 停止$ w2 stop# 重启$ w2 restart配置代理：
主推在浏览器安装 SwitchyOmega，它有多强大，用了的都知道。Chrome 和 FF 插件商店都可以找到，找不到可以在 https://github.com/FelisCatus/SwitchyOmega 下载。
以 Chrome 作例子，安装好了之后插件栏会出现一个圈圈的图标，点击圈圈之后点击选项进行配置。

文章插图

进入 SwitchyOmega 配置

文章插图

添加 whistle 配置
按照这张图来配置即可。
开始使用 whistle 抓包首先要选择 SwitchyOmega 中我们刚才创建的那个情景模式，我这里设置的叫 proxy 。
然后到一个页面，以 http://tools.jb51.net/ 为例（非 HTTPS 的网站）。进入页面之后可以看到 whistle 左侧的网络选项中出现了请求列表：