精华内容
下载资源
问答
  • whistle安装
    2021-01-12 15:27:20

    1)啥是whistle

    跨平台web调试代理工具
    类似的工具有Windows平台上的Fiddler,主要用于查看、修改HTTP、HTTPS、Websocket的请求、响应,也可以作为HTTP代理服务器使用,不同于Fiddler通过断点修改请求响应的方式,whistle采用的是类似配置系统hosts的方式,一切操作都可以通过配置实现,支持域名、路径、正则表达式、通配符、通配路径等多种匹配方式

    2)安装指引

    http://wproxy.org/whistle/

    更多相关内容
  • Whistle安装及使用指南

    千次阅读 2022-01-24 19:31:55
    一、Whistle安装、配置及启动 1、安装Node.js Whistle是基于Node实现的,Node.js官网:Node.js 2、安装Whistle 打开cmd.exe,通过npm进行安装,安装命令:npm install -g whistle 3、启动Whistle:w2 start ...

    一、Whistle安装、配置及启动

    1、安装Node.js

    Whistle是基于Node实现的,Node.js官网:Node.js

    2、安装Whistle

    不同用户安装详情:安装启动 · GitBook

    打开cmd.exe,通过npm进行安装,安装命令:npm install -g whistle

    3、启动Whistle:w2 start

    启动成功界面:

    通过访问本地端口访问whistle Web控制台:http://127.0.0.1:8899/

    Whistle常用命令:

    启动:w2 start

    重启:w2 restart

    关闭:w2 stop

    4、配置浏览器代理(推荐)

    whistle 是通过代理服务来进行工作的,因此需要给请求客户端配置 whistle 的代理,代理地址即  whistle 的监听地址(默认为 http://127.0.0.1:8899/ )

    推荐使用SwitchyOmega浏览(适用chrome、firefox)器插件,在浏览器安装扩展程序后,配置代理服务器为whistle地址,并将浏览器请求切换为whistle代理。

     SwitchyOmega - 情景模式

     可以根据需求新增所需的模式,比如上面的whistle模式,使用的时候,可以选择某一个单独的情景模式,也可以选择auto switch

    auto switch:可同时支持多个规则,编写完规则后点击【应用选项】,即可使用

     浏览器访问切换为whistle模式或者默认为whistle的auto switch后,此时浏览器发出的请求就会被whistle抓取

    5、抓取 HTTPS 请求

    1)下载whistle证书 & 开启HTTPS 请求抓取

    whistle 控制台 —> 【HTTPS】 —> 【Download RootCA】,进行证书下载,

    勾选【Capture TUNNEL CONNECTs】进行HTTPS 请求抓取

     2)信任whistle配置

    下载whistle证书  —> 安装证书   —> 证书存储(受信任的根证书颁发机构),确定完成即可

     3)验证抓取 HTTPS 请求

     6、移动端调试

    移动端调试时,whistle和移动端需在同一个局域网内,且移动端设置whistle的代理。

    IOS:

    whistle 控制台 —> 【HTTPS】扫描二维码,下载证书,

    Android :

    whistle 控制台 —> 【HTTPS】扫描二维码,下载证书,去设置中进行安装

    二、实例演练:

    修改请求方法

    pattern:域名或者路径

    Rules规则:

    pattern method://newMethod

    newMethod:不区分大小写

     修改请求头Header

    1)Rules规则:

    pattern reqHeaders://{newHeader}

    2)newHeader为引用的values 变量

     3)发起请求后,查看whistle抓包请求对应的Header改变,如图所示:

    改变前:

     改变后:

     修改请求体:

    1)Rules规则:

    pattern reqBody://{req_body}

    2)req_body为引用的values 变量

    延迟请求(ms)

    Rules规则:

    pattern reqDelay://time
    
    Example:
    baidu.com reqDelay://60000

    请求速度(kb/s)

    Rules规则:

    pattern reqSpeed://kbs
    
    Example:
    baidu.com reqSpeed://256

    修改响应状态码

    两个方法:

    1)Rules规则:

    pattern replaceStatus://code

    说明:使用 replaceStatus 继续进行请求,并对响应的状态码进行替换;

    修改状态码后,whistle及浏览器均显示为修改后的状态码

     2)Rules规则:

    pattern statusCode://code

    说明:使用 statusCode 后不再发送请求,直接返回设置的状态码。

     修改返回参数

    1)Rules规则:

    /pattern/ rawfile://{response}

    2)response为引用的values 变量

    如果报文头出现:content-encoding: gzip,则需要去掉

    请求替换

    Rules规则中配置模式如下:

    pattern http://host:port/xxx
    
    Example:
    https://jd.com  https://baidu.com/
    jd.com  baidu.com

    禁用请求的缓存,只要经过代理且匹配到的请求都不会使用缓存

    注:跟 cache 协议的区别是,cache 只是用来设置响应的缓存头

    pattern disable://cache

    绑定host

    注:相当于浏览器层的host文件,如果找不到再去查找本机的host文件

    ip pattern
    
    Example:
    127.0.0.1 baidu.com

     转换http协议

    注:转发协议+域名转发,轻松本地模拟 https ,访问线上的 https 域名实际上指向的是本地的 http 调试地址

    pattern http://localhost:port
    
    Example:
    https://baidu.com  http://localhost:8080

    mock数据

    whistle 提供了一个强大的 mock 数据的插件,可以结合 js 语句 + mock 语法去生成数据

    mock语法详解:https://github.com/nuysoft/Mock/wiki/Syntax-Specification

    注:数据模板定义中的属性名|生成规则、属性值都需要使用双引号,"name|rule"

    1)安装插件:

    npm i -g whistle.vase

    2) Plugins 菜单:

    打开 【vase】的界面,新建一个mock数据的配置,并选择模板Engine: mock

     结果展示:

    展开全文
  • 鉴于fiddler安装配置后经常出现配置不当,抓不到包等一系列问题,而使用fiddler只是单纯地想抓个包,故此找到了Whistle来代替,使用起来非常方便和快捷! 1、安装Node(点击下一步,默认安装即可) 注:没有...

    鉴于fiddler安装配置后经常出现配置不当,抓不到包等一系列问题,而使用fiddler只是单纯地想抓个包,故此找到了Whistle来代替,使用起来非常方便和快捷!

    1、安装Node(点击下一步,默认安装即可)

    注:没有安装包的情况下,访问官网https://nodejs.org/,下载LTS格式的安装包即可

    (若公司网下载不稳定,强烈推荐下载腾讯电脑管家,在软件管理里面搜索此工具,可以不限速下载!!!!)

     

    2、安装whistle

    (cmd模式下输入npm install whistle -g --registry=https://registry.npm.taobao.org即可)

    注:安装后输入w2 help,验证是否安装成功,如果成功,则会出现 -V, --version 提示:

    3、 启动whistle

    (cmd模式下输入w2 start -p 8089)8089是自定义的端口,如果被占用,可以手动更改这里

     4、设置手机代理
    服务器:电脑IP地址(cmd命令下,ipconfig可以查看)
    端口:8089

    5、打开手机浏览器输入电脑IP:8089进入页面

     

    7、点击HTTPS生成二维码,点击左上角可直接跳转(ios方法)

    下载好证书,到手机设置-通用-描述文件与设备管理,安装证书,到关于本机-证书信任设置里面信任证书

     7.1点击HTTPS生成二维码,点击左上角可直接跳转(android方法)

    安卓的要勾选两个选项下载

    安卓手机安装时,此证书要安装在CA证书和wifi证书两个位置才能正常抓包和访问网络

     8.打开APP发起请求,在电脑浏览器输入电脑IP:8089可以直接抓到请求

    Cmd命令w2 stop可关闭代理抓包 

    展开全文
  • whistle 安装启动

    千次阅读 2020-06-15 11:14:19
    whistle安装过程需要以下步骤(缺一不可): 1、安装Node 2、安装whistle 3、启动whistle 4、配置代理 5、安装根证书 1. 安装Node 推荐安装最新版本的Node。 如果你的系统已经安装了v0.10.0以上版本的Node,可以忽略此...

    安装启动

    whistle安装过程需要以下步骤(缺一不可):

    1、安装Node
    2、安装whistle
    3、启动whistle
    4、配置代理
    5、安装根证书

    1. 安装Node

    推荐安装最新版本的Node。

    如果你的系统已经安装了v0.10.0以上版本的Node,可以忽略此步骤,直接进入安装whistle的步骤,否则:

    Windows或Mac系统,访问https://nodejs.org/,安装LTS版本的Node,默认安装即可。

    Linux下推荐使用源码安装: 从Node官网下载最新版的Source Code(或者用wget命令下载),解压文件(tar -xzvf node-vx.y.z.tar.gz)后进入解压后的根目录(node-vx.y.z),依次执行./configure、./make和./make install。

    安装完Node后,执行下面命令,查看当前Node版本

    node -v
    v8.9.4
    

    2. 安装whistle

    Node安装成功后,执行如下npm命令安装whistle (Mac或Linux的非root用户需要在命令行前面加sudo,如:sudo npm install -g whistle)

    $ npm install -g whistle
    

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

    $ npm install cnpm -g --registry=https://registry.npm.taobao.org
    $ cnpm install -g whistle
    

    或者直接指定镜像安装:

    $ npm install whistle -g --registry=https://registry.npm.taobao.org
    

    whistle安装完成后,执行命令 whistle help 或 w2 help,查看whistle的帮助信息

    3、启动whistle

    最新版本的whistle支持三种等价的命令whistle、w2、wproxy

    启动whistle:

    $ w2 start
    

    Note: 如果要防止其他人访问配置页面,可以在启动时加上登录用户名和密码 -n yourusername -w yourpassword。

    重启whsitle:

    $ w2 restart
    

    停止whistle:

    $ w2 stop
    

    4、配置代理

    配置信息
    代理服务器:127.0.0.1 (如果部署在远程服务器或虚拟机上,改成对应服务器或虚拟机的ip即可)

    默认端口:8899 (如果端口被占用,可以在启动时通过 -p 来指定新的端口,更多信息可以通过执行命令行 w2 help (v0.7.0及以上版本也可以使用w2 help) 查看)
    勾选上 对所有协议均使用相同的代理服务器

    浏览器代理:安装浏览器代理插件 (推荐)

    安装Chrome代理插件:推荐安装SwitchyOmega
    新建代理
    3、移动端需要在设置中配置当前Wi-Fi的代理,以 iOS 为例:
    手机配置代理
    访问配置页面
    启动whistle及配置完代理后,用Chrome浏览器(由于css兼容性问题界面只支持Chrome浏览器)访问配置页面,如果能正常打开页面,whistle安装启动完毕,可以开始使用。

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

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

    5. 安装根证书

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

    转自 http://wproxy.org/whistle/webui/https.html

    展开全文
  • windows whistle安装步骤

    千次阅读 2020-02-25 18:20:56
    Whistle安装步骤 1、 参考文档:https://avwo.github.io/whistle/install.html 2、 安装Node: 1) Windows访问https://nodejs.org/,安装LTS版本的Node,默认安装即可。 2) 安装完Node后,执行下面命令,查看当前...
  • whistle安装,成功率高

    千次阅读 2019-08-20 00:54:05
    1、下载node ... 我这里选了current版本 点进去后下载msi或者zip版本,我这里选择了zip版本,下载解压后就能使用 ...3、安装whistle 以管理员身份运行cmd 之后输入:npm install whistle -g --regis...
  • Whistle安装使用教程,抓取移动端HTTPS 1、安装Node (https://nodejs.org/en/) 2、启动whistle w2 start -p 8899 (# 可更改端口号) (为了不冲突,此处我将端口号设为了8877) (# w2 restart --重启whistle) ...
  • whistle安装使用教程2021最详细

    千次阅读 2020-05-10 19:44:16
    2、安装whistle(cmd模式下输入npm install whistle -g --registry=https://registry.npm.taobao.org即可) 注:安装后输入w2 help,验证是否安装成功,如果成功,则会出现 -V, --version 提示: 3、chrome浏览器...
  • Long time no see! 大半年没写过文章了,刚好今天同事介绍了一款非常牛叉的后端调试神器-whistle,它的作用是将浏览器发送的请求拦截并转发到我们...如果能正常输出whistle的帮助信息,表示whistle安装成功。 ...
  • whistle安装 | 简单使用

    2021-04-25 23:44:25
    whistle:https://github.com/avwo/whistle/blob/master/README-zh_CN.md http://wproxy.org/whistle/install.html ...2. 安装whistle sudo npm install -g whistle 以下是whistle常用的几个命令 开始
  • Whistle安装及简单使用

    2022-04-06 16:44:12
    Whistle安装及简单使用
  • 最近在和客户端做联调工作,需要经常抓包分析请求。此时就需要一个抓包工具,windows上比较常用的有charles和fiddler,那mac上有没有好用的抓...安装whistle,一共分为以下几步,缺一不可。 1.安装node 2.安装whistle 3
  • whistle安装和调试,

    2020-10-10 12:18:39
    whistle安装这里就不啰嗦了 ,网上很多的资料可以查看到 参考: whistle--前端调试利器 https://segmentfault.com/a/1190000016058875?utm_source=tag-newest ... ...安装whistle的时间 ,出现下面的错误 ,也是相当的...
  • whistle 抓包工具的安装与使用

    千次阅读 2022-03-09 14:29:00
    Whistle简介: Whistle是基于Node实现的跨平台web调试代理工具,类似的工具有Windows平台上的Fiddler,主要用于查看、修改HTTP、HTTPS、Websocket的请求、响应,也可以作为HTTP代理服务器使用,不同于Fiddler通过...
  • 排查问题思路:按照whistle安装顺序排查 1.nodeLTS版本 安装是否正确 cmd中输入 node -v 命令 2.检查出入站规则 2.1检查whistle默认端口8899出入站规则 2.2检查node.js入站规则 node.js需要启.
  • Whistle 的使用和安装

    千次阅读 2022-03-24 14:12:15
    1、简要介绍 whistle 是基于 node ...whistle 依赖于 node ,所以安装 whistle 之前要先安装 node; 然后使用 npm 安装 whistle: npm install -g whistle 2、常用命令 安装 whistle 后就可以启动了,常用命令: w2
  • 安装启动配置也很简单,参考官网步骤即可:安装启动 · GitBook (wproxy.org) 目前抓手机的包,用几天下来都很顺利,觉得使用很方便 碰到一个常见问题是,电脑重启后,忘记重新打开whistle了,导致whistle代理页面...
  • 上述命令会先全局安装 Whistle 的 npm 包后,启动 Whistle 并设置系统全局代理,以及安装系统根证书,目前一键安装只支持 Mac & Windows 系统,其它系统按照下面 手动安装 的方式操作。 一键安装过程中注意...
  • whistle安装和配置

    千次阅读 2020-08-13 18:34:27
    第一步:安装whistle,在控制台输入: npm install -g whistle 第二步:启动whistle,在控制台输入: w2 start 在Rules中的defalut中配置接口,格式如: url file://{接口名.json} 在Rules创建一个测试环境,如...
  • iMac安装whistle

    2020-05-07 15:53:44
    iMac安装whistle 首先安装nodejs,前往官网进行nodejs的下载。https://nodejs.org/en/ 下载后点击安装包进行安装即可;通过npm -v可查看是否安装成功,如下图: 安装好npm后通过npm安装whistle。 npm install ...
  • whistle安装与配置 whistle是基于Node实现的跨平台web调试代理工具,主要用于对手机APP或小程序的HTTP请求进行抓包分析。更多关于whistle的详细内容可以参考:http://wproxy.org/whistle/ Node安装 安装包下载地址:...
  • whistle使用指南

    千次阅读 2021-07-29 19:46:11
    whistle使用指南一、whistle 简介二、安装、启动、配置2.1 安装 Node.js2.2 安装 whistle2.3 启动 whistle2.4 配置代理 (推荐)2.5 抓取 HTTPS 请求(可选)2.5.2 信任 whistle 证书2.5.3 验证抓取 HTTPS 请求三、...
  • whistle在windows上的安装步骤

    千次阅读 2020-11-17 19:56:14
    一、在windowns上安装步骤: 1、先安装nodejs https://nodejs.org/en/ 2、在node安装目录创建node_global和node_cache文件夹 3、设置环境变量 用户变量:PATH 中默认的“C:\\Users\AppData\Roaming...
  • whistle苹果手机安装证书步骤:

    千次阅读 2022-03-29 22:49:03
    whistle官网 http://wproxy.org/whistle/ 配置wifi代理 ...在苹果手机设置-已下载描述文件-安装输入苹果密码 配置证书 设置-通用-关于手机-翻到最后-证书信任设置-点击打开就可以了 删除证书: 设置-通用-
  • whistle安装与使用 1. 安装 1. 安装node,下载完成后一路下一步 [node官网](https://nodejs.org) 2. 安装完成后,打开cmd窗口 输入node -v 显示出版本号后即安装成功 ![图示]...
  • 作者: Code皮皮虾 作者简介:华为云享专家、掘金创作者、CSDN Java领域优质创作者、HDZ 核心组...先来看看Whistle 来到查看抓包请求的页面,可见显示十分的全面 还能显示树状图,根据域名进行区分,功能十分强大!
  • whistle (读音[ˈwɪsəl],拼音[wēisǒu]) 一、简介 whistle是基于Node实现的跨平台web调试代理工具,主要用于查看、修改HTTP、HTTPS、Websocket的请求、响应,也可以作为HTTP代理服务器使用。 类似的工具有...
  • 最近在用Android7.0的手机进行whistle抓包,无奈按照官方文档安装证书后,并不能成功获取到内容。查过资料后,发现微信有类似的情况 虽然我用的app不是微信,但估计也是这个可能吧,推荐一篇博文,里面有很多尝试的...
  • whistle.vase ...mock 数据集成到项目文件里面,并通过 自动配置项目的 mock 环境 vase插件内置、、、、、、、、、、及用于解析自定义脚本的等渲染引擎,通过该插件,可以通过模板结合相应的引擎mock开发过程中需要...安装

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 673
精华内容 269
关键字:

whistle安装