mac安装whistle代理抓包工具（支持mock）

工具地址：https://wproxy.org/whistle/

1、 安装nodejs环境

参考方法：https://github.com/nvm-sh/nvm
1）安装

curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.40.3/install.sh | bash

如图，安装成功

2）配置环境变量

export NVM_DIR="$([ -z "${XDG_CONFIG_HOME-}" ] && printf %s "${HOME}/.nvm" || printf %s "${XDG_CONFIG_HOME}/nvm")"
[ -s "$NVM_DIR/nvm.sh" ] && \. "$NVM_DIR/nvm.sh" # This loads nvm

3）检查是否安装成功

command -v nvm

2、安装nodejs

nvm install node

如图，安装成功

3、use node

nvm use node
nvm run node --version

3、安装whistle

参考：https://wproxy.org/whistle/

1、一键安装、启动 Whistle

npm i -g whistle && w2 start --init

如图，安装成功

2、本地启动whistle

本地浏览器输入：http://127.0.0.1:8899/

3、配置代理

1、浏览器代理 (推荐)：安装浏览器代理插件

安装Chrome代理插件：推荐安装SwitchyOmega
插件地址：
https://chromewebstore.google.com/detail/proxy-switchyomega-3-zero/pfnededegaaopdmhkdmcofjmoldfiped

2、移动端需要在设置中配置当前Wi-Fi的代理，以 iOS 为例：

PS: 如果配置完代理，手机无法访问，可能是whistle所在的电脑防火墙限制了远程访问whistle的端口，关闭防火墙或者设置白名单：http://jingyan.baidu.com/article/870c6fc317cae7b03ee4be48.html

访问配置页面

启动whistle及配置完代理后，用Chrome浏览器(由于css兼容性问题界面只支持Chrome浏览器)访问配置页面，如果能正常打开页面，whistle安装启动完毕，可以开始使用。

可以通过以下两种方式来访问配置页面：

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

4、安装根证书

安装证书请参考文档: http://wproxy.org/whistle/webui/https.html
Mac: Mac根证书怎么安装

Mac 安装证书后，需要手动信任证书，步骤如下：

勾选，下载https证书，双击安装

打开网页，即可完成抓包

5、本地关闭whistle

1. 执行命令关闭

w2 stop

2、关闭浏览器插件的代理模式