Whistle 代理 详细图文教学

1,957 阅读2分钟

流程:1. 安装node 2. 下载whistle 3. 授权信任证书 4. SwitchyOmega 5. whistle配置代理

补充说明文档 (有问题可看): whistle——跨平台web调试代理工具

whistle使用详解————wproxy.org/whistle/

whistle的Github——github.com/avwo/whistl…

使用流程

1、whistle的安装【前置依赖——nodejs】

1.0、需要先安装node————确保node安装最新的版本【nodejs安装包网址——nodejs.org/】;

安装完Node后,执行命令——node -v,查看当前Node版本【如果能正常输出Node的版本号,表示Node已安装成功】;

image.png

1.1、再安装whistle————执行npm install -g whistle【Mac或Linux的非root用户需要在命令行前面加sudo】;

或者npm默认镜像是在国外,有时候安装速度很慢或者出现安装不了的情况,如果无法安装或者安装很慢,可以使用taobao的镜像安装

npm install cnpm -g --registry=registry.npm.taobao.org

cnpm install -g whistle

ps: 如果出现以下错误提示为没权限 使用 sudo cnpm install -g whistle 然后输入电脑密码即可

截屏2023-05-29 上午11.20.24.png whistle安装完成后,执行命令 whistle help 或 w2 help,查看whistle的帮助信息【如果能正常输出whistle的帮助信息,表示whistle已安装成功】

image.png

2、whistle的启动

2.1、启动——w2 start或者whistle start

image.png

2.2、停止——w2 stop 或者whistle stop

3 授权信任证书

image.png

image.png

4、 安装Chrome代理插件:SwitchyOmega

chrome.google.com/webstore/de…

4.1 chrome浏览器右上角找到SwitchyOmega(即左边的蓝色圆圈)。 没有的话点击右边的拼图按钮可找到

image.png

4.2 打开SwitchyOmega的选项

image.png

4.3 新建情景模式 名称可随意 建议whistle 情景模式选择代理服务器 创建。

image.png

4.4 选择whistle(新建)情景模式。 代理服务器按图示填写。 (服务器跟端口取决于whistle的默认启动)。 不代理的地址列表清空。 保存(应用选项)

image.png

5、lab预发脚本样式代理到线上。

5.1 打开其中一个网址

转存失败,建议直接上传图片文件

image.png

5.2 进入到该页面。

粘贴 github.com www.baidu.com 到图示位置

efd91f758bbe447b802d900012088db7~tplv-k3u1fbpfcp-watermark.png 访问github,将出现baidu首页。 即为代理生效