精华内容
下载资源
问答
  • 2022-03-01 16:57:40

    whistle配置

    1、优先级是上面的更优先(和host相反),【注意有没有斜杠】
    2、尝试使用qwqwq.xxx.com http://localhost:10200/
    直接访问会跨域 因为你这个新域名不在后端范围内 所以还是建议用线上一样的版本
    但是线上后端接口请求又也会代走 所以可以加上:
    excludeFilter://*/xxxxxxxx.php
    3、最后规范下:(带 / )

    qwq线上.xxx.com/ http://localhost:10200/ excludeFilter://*/php
    

    qwq线上.xxx.com/php/ … 的网址会被 拿走

    新安装

    https://wproxy.org/whistle/questions.html
    注意:
    要先安https证书,不然走的就是线上的,而且没任何提示,很坑!!!!
    必须要安,但是不安也可以正常运行而且不报错 注意分辨

    更多相关内容
  • whistle.vase v1.3+ 版本支持通过本地文件加载模板 pattern vase://tpl:AbsoluteLocalFilePath,如:www.test.com/path/to vase://mock:D:\test\demo.json 或 ...
  • whistle.inspect 使用该插件建议用最新版本的 该whistle插件集成了和等用来在移动端页面上模拟Chrome开发者工具功能的模块,方便调试手机上的H5页面,只需简单配置即可随意切换vConsole和eruda。 更多移动端调试方法...
  • 语言:English,中文 (简体) Whistle 非官方管理工具 可方便切换Whistle的规则,以及方便修改是否让chrome通过Whistle代理,并通过设置是否自动刷新来及时生效修改,是前端开发的利器
  • whistle-editor:哨声编辑

    2021-03-26 11:56:56
    本模块是whistle编辑器的React组件,可以作为whistle规则及其值编辑器。 安装 npm i -D whistle-editor 用法 import React from 'react' ; import ReactDOM from 'react-dom' ; import Editor from 'whistle-editor'...
  • 利用谷歌浏览器代理到本地进行测试,里面包含谷歌浏览器插件,还有详细操作步骤,欢迎使用,谢谢!有不足的地方,请留言,继续改进
  • 用于elmo驱动器whistle系列调试,pcb尚未经过实际测试,但已检查过连接关系,以及孔位。附有elmo驱动官方文件,ad工程,立创工程,制板文件等,可能存在的问题:1、固定需孔位按需调整。2、电容位置按需调整。
  • 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 简介

    whistle 是一款基于 Node.js 实现的,类似 Fiddler、Charles 的代理工具,可用于 HTTP、Websocket 等请求的抓取、编辑、重放等功能。

    利用 whistle 的改包功能,在进行 HTTP(S) 请求时,可以轻松完成某些不具备测试条件或不易构造真实场景的测试工作,如异常场景、边界场景的测试等。以下是 whistle 的工作流程,通过简单的安装配置流程,即可快速地开始进行使用。

    image-20210729193753580

    ​ 【 whistle 请求流程 】

    二、安装、启动、配置

    2.1 安装 Node.js

    由于 whistle 是基于 Node 实现的,因此需要预先安装 Node.js

    Node.js官网( https://nodejs.org/zh-cn/ )

    2.2 安装 whistle

    通过 npm 包管理工具进行安装

    npm install -g whistle
    

    2.3 启动 whistle

    安装好 whistle 后,打开命令行工具,执行如下启动命令

    w2 start
    

    启动成功后,会显示如下信息

    image-20210729193818813

    ​ 【 whistle 成功启动状态 】

    可通过访问本地端口访问 whistle 控制台

    image-20210729193836225

    ​ 【 访问 whistle 页面 】

    whistle 查看运行状态和停止命令分别如下

    w2 status  # 查看运行状态
    w2 stop    # 停止运行
    

    2.4 配置代理 (推荐)

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

    在进行 Web 测试时,推荐结合 SwitchyOmega 等浏览器(适用Chrome、Firefox)代理插件来进行使用。如下图,在 Chrome 浏览器安装好扩展后,配置代理服务器为 whistle 地址,并将浏览器请求切换为 whistle 代理

    image-20210729193919904

    ​ 【 SwitchyOmega 设置 whistle 代理情景模式 】

    image-20210729193932259

    ​ 【 浏览器访问切换为 whistle 情景模式 】

    此时浏览器发送的请求即可被 whistle 抓取

    #image-20210729193957701

    ​ 【 whistle 抓取浏览器请求记录 】

    2.5 抓取 HTTPS 请求(可选)

    抓取 HTTPS 请求仅需要进行证书配置,其余步骤与抓取 HTTP 相同。以下介绍 HTTPS 配置方法

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

    在 whistle 控制台点击 【Network】-【 HTTPS 】选项,点击下载 CA 证书,并且勾选抓取 TUNNEL 请求(部分版本为 HTTPS 请求),如下图

    image-20210729194019931

    ​ 【 whistle 配置开启抓取HTTPS请求 】

    2.5.2 信任 whistle 证书

    由于 whistle 证书为自签证书,因此需要配置本地机器信任证书,否则浏览器会因为证书不安全而拦截 whistle 代理的 HTTPS 请求。

    Mac 配置:

    打开【钥匙串】(或默认打开下载的证书),右上角搜索 whistle 证书,然后右键证书弹出框中选择【显示简介】,在【信任】-【使用此证书时】选择 “始终信任” 即可,如下图

    image-20210729194041806

    ​ 【 Mac 信任 whistle 证书 】

    Windows 配置:

    下载完证书后,双击打开,在对话框中点击【安装证书】,并将证书存储到 “受信任的根证书颁发机构”,确认完成即可,(Win10 配置)如下图

    image-20210729194100926

    ​ 【 Windows10 信任 whistle 证书 】

    2.5.3 验证抓取 HTTPS 请求

    完成上述两个步骤后,浏览器发起 HTTPS 请求,查看 whistle 控制台,可以看到正常抓取到 HTTPS 请求

    image-20210729194116164

    ​ 【 抓取 HTTPS 请求 】

    三、修改请求实例演示

    修改请求内容通常需要经过如下过程:

    image-20210729194152130

    Values:

    values 中允许自定义变量,以供在定义修改包内容时进行引用。

    Rules:

    Rules 即定义修改包内容规则。

    根据上面修改请求、响应的过程,下面简单演示几种常用修改包内容(完整的修改内容支持请参考 whistle 文档)。

    3.1 修改请求

    3.1.1 修改请求方法

    修改请求方法模式如下

    pattern method://newMethod
    

    kyfw.12306.cn method://post
    

    image-20210729194204731

    ​ 【 修改请求方法 】

    如下在浏览器发起请求时,通过开发者工具抓包发现原始请求方法为 GET

    image-20210729194225581

    ​ 【 浏览器原始请求方法 】

    请求经过 whistle 修改后,查看请求包内容,发现请求匹配模式站点的请求方法由 GET 改为 POST,如下图

    image-20210729194248185

    ​ 【 请求方法经过 whistle 修改 】

    3.1.2 修改请求头

    修改请求头模式如下

    pattern reqHeaders://{values}
    

    kyfw.12306.cn reqHeaders://{new_headers}
    

    其中引用到的 values 变量 new_headers 定义如下

    test-header1: value1
    upgrade-insecure-requests: 10
    

    image-20210729194300977

    ​ 【 头部引用变量 new_headers 定义 】

    image-20210729194316821

    ​ 【 浏览器原始请求头部 】

    发起请求后,查看 whistle 抓包内容,对应头部发生改变,如下图

    image-20210729194332759

    ​ 【 请求头部经过 whistle 修改 】

    3.1.3 修改请求体

    修改请求体模式如下

    pattern reqBody://{values}
    

    kyfw.12306.cn reqBody://{new_reqBody}
    

    引用变量 new_reqBody 定义如下

    my new reqbody
    

    发起请求后,抓起浏览器原始请求如下

    image-20210729194349640

    ​ 【 浏览器原始无 body 请求包 】

    whistle 抓取经修改后请求包内容如下

    image-20210729194402908

    ​ 【 body 经过 whistle 修改请求包 】

    3.2 修改响应

    3.2.1 修改响应状态码

    修改响应状态码模式如下

    pattern statusCode://code
    

    pattern replaceStatus://code
    

    两者区别为,设置 statusCode 后不再发送请求,直接返回设置的状态码;而 replaceStatus 继续进行请求,并对响应的状态码进行替换。下面以 statusCode 为例,如

    kyfw.12306.cn statusCode://500
    

    修改状态码后,查看 whistle 及浏览器包内容均显示为修改的状态码

    image-20210729194419934

    ​ 【 whistle 抓取修改响应状态码请求包 】

    image-20210729194436726

    ​ 【 浏览器抓取原始请求包 】

    3.2.2 修改响应头部

    修改请求体模式如下

    pattern resHeaders://{values} 
    

    kyfw.12306.cn resHeaders://{new_resHeaders}
    

    引用变量 new_resHeaders 定义如下

    test-res-header: felix-test
    

    image-20210729194456709

    ​ 【 自定义响应头部引用变量 new_resHeaders 定义 】

    抓取请求内容,响应头部中包含 whistle 修改的内容

    image-20210729194514425

    ​ 【 响应头部包含 whistle 修改内容 】

    3.2.3 修改响应体

    修改请求体模式如下

    pattern resBody://{values} 
    

    kyfw.12306.cn resBody://{new_resBody}
    

    引用变量 new_resBody 定义如下

    my response body
    

    image-20210729194529445

    ​ 【 自定义响应体引用变量 new_resBody 定义 】

    发起请求后抓取请求包内容,发现接口到响应 body 为修改后的内容

    image-20210729194544490

    ​ 【 请求响应体为 whistle 修改内容 】

    四、总结

    • 跨平台性

    得益于 Node.js 的跨平台性,whistle 在 Windows、Mac、Linux 均可以运行,相比于 Fiddler、Charles 等客户端工具而言,有更好的系统兼容性,降低了使用者在不同系统间的学习和使用成本,满足用户一个工具打天下的需求。

    • 开源免费

    不同于收费软件 Charles,whistle 是由我厂 avenwu 大佬开源的工具,大家可尽情享用(当然也可以适当支持下大佬~),这一点对 Mac 用户来说特别友好。

    • 使用简单

    whistle 所有安装配置工作可在5分钟之内完成(不考虑网络下载等因素影响),同时 whistle 具备详细的帮助说明文档,极大降低了用户上手的门槛,对初学者非常友好。

    展开全文
  • whistle工具常用功能

    2022-05-28 13:14:42
    whistle常用功能

    whistle常见使用场景

    1.捕获网络数据包

    在浏览器或者手机端按照上一篇文件进行配置并下载好证书(whistle 抓包工具的安装与使用),然后进行网络请求相关操作,在PC端whistle配置页面中可以看到对应的请求如下图:
    在这里插入图片描述

    2.过滤接口

    在这里插入图片描述

    匹配公式:h:(请求响应头)、s:(响应状态码)、i:(ClientIP 及 ServerIP)、m:(请求方法)、b:(请求响应内容),其它表示匹配 url(以上匹配都不区分大小写);并且支持取反操作,在关键词前加上!,表示会保留不匹配的请求
    在这里插入图片描述
    在这里插入图片描述
    Network Columns:主要用于设置 Network 表头,或者拖拽重排等
    在这里插入图片描述

    3.接口重发

    一般我们抓到一个有问题的请求,如果要复现就需要保存请求参数和请求头用postman重新构造一次或者页面刷新,比较麻烦,现在可以直接在whistle对请求进行重试
    选择指定接口,右键-选择Action–>Replay
    在这里插入图片描述
    然后就可以看到新增了一条请求

    4.更改部分参数并重发

    如果我们需要修改部分参数,然后再重发,步骤如下:
    右键请求,然后选择 Action -> Compose
    在这里插入图片描述
    或者,直接把请求拖到右边的控制台
    在这里插入图片描述
    然后就能在右边控制台看到对应的请求信息,就可以对请求 进行各种编辑了,然后再发送
    在这里插入图片描述

    5.模拟接口返回值

    Rules写法:
    pattern(匹配模式) operatorURI(操作uri)#默认是将匹配模式写在左边,操作uri写在右边
    当有请求经过whistle,whistle 将请求url与pattern匹配,如果匹配到就执行operatorURI对应的操作,转发或者修改请求内容

    Rlues说明写法
    pattern(匹配模式)whistle的匹配模式大体可以分成 域名、路径、正则、精确匹配、通配符匹配,其中 正则匹配、精确匹配、通配符匹配支持取非,即 !pattern,表示不匹配 pattern 关键字符;^(通配路径表示符)、$(精确匹配)、*(通配符)、!(取非)

    域名匹配(不仅支持匹配某个域名,也可以限定端口号、协议)
    举例:
    www.test.com operatorURI #匹配域名www.test.com下的所有请求,包括http、https、ws、wss,tunnel
    https://www.test.com operatorURI #匹配域名www.test.com下的所有https请求
    www.test.com:8888 operatorURI #匹配域名www.test.com 8888端口下的所有请求
    路径匹配(指定匹配某个路径,也可以限定端口号、协议(http、https、ws、wss)等等)
    举例:
    www.test.com/xxx operatorURI #匹配指定路径下的所有请求
    http://www.test.com/xxx operatorURI #限定请求协议,只能匹配http请求
    http://www.test.com:8080/xxx operatorURI #限定请求协议和端口号,只能匹配http协议和8080端口的请求
    正则匹配(正则的语法及写法跟js的正则表达式一致,支持两种模式:/reg/、/reg/i 忽略大小写,支持子匹配)且可以通过正则的子匹配把请求url里面的部分字符串传给operatorURI,pattern和operatorURI位置可以调换
    举例:
    * operatorURI #匹配所有请求
    /keyword/i operatorURI #匹配url里面包含摸个关键字的请求,且忽略大小写
    精确匹配(与上面的路径匹配不同,路径匹配不仅匹配对应的路径,而且还会匹配该路径下面的子路径,而精确匹配只能指定的路径,只要在路径前面加 即 可 变 成 精 确 匹 配 ) , 类 似 即可变成精确匹配),类似 url operatorURI,pattern和operatorURI位置可以调换
    举例:
    $http://www.test.com operatorURI #只能匹配到http://www.test.com/ (/浏览器会自动转),http://www.test.com/xxx是无法匹配到的
    通配符匹配:包含通配符匹配,通配域名匹配、通配路径匹配
    匹配模式必须以 ^ 开头(如果需要限制结束位置可以用 $),* 为通配符,支持通过$0…9获取通配符匹配的字符串,其中$0表示整个请求url
    举例:
    以 ^ 开头
    ^www.example.com/test/*** referer://http://www.test.com/$1
    限定结束位置
    ^www.example.com/test/***test$ referer://http://www.test.com/$1
    如果请求url为 https://www.example.com/test/abc?123test,这第一个配置里的 $1 = abc?123&test,第二个配置里的 $1 = abc?123,而 https://www.example.com/test/abc?123test2 只能匹配第一个

    operatorURI(操作uri)

    这里介绍几个常用的
    reqHeaders:修改请求头
    举例:
    www.ifeng.com reqHeaders://{test-reqHeaders.json}
    resHeaders:修改响应头
    举例:
    www.ifeng.com resHeaders://{test-resHeaders.json}
    reqBody:把指定的内容替换请求内容(GET等请求没有内容没有替换一说)
    举例:
    www.ifeng.com method://post reqBody://{test-reqBody.html}
    resBody:把指定的内容替换响应内容(304等响应没有内容无法替换)
    举例:
    www.ifeng.com resBody://{test-resBody.html}
    statusCode:设置响应状态码(状态码范围100~999),请求会直接根据设置的状态码返回
    举例:
    www.ifeng.com statusCode://500
    更多操作参考官网:http://wproxy.org/whistle/rules/rule/replace.html


    1、直接写在规则中
    比如直接返回一个 json,懒得新建文件
    举例:www.test.com/get_list resBody://({msg:"dddd"})
    2.放在 whistle 左侧菜单的 Values 或者 本地文件
    举例:
    www.test.com/get_list resBody://{test.json} #test.json放在 whistle 左侧菜单的 Values
    www.test.com/get_list resBody://C:\\Users\\Desktop\\test.json #test.json放在本地
    3、内联在规则中
    返回的内容有点多,但又不是很多多,不想新建文件和写在 value,那么就直接内联在规则集吧
    www.test.com/get_list resBody://{test.json}

    ```test.json
    {
    msg:“1111”
    }

    我们给请求配置规则后,怎么确定它到底有没有匹配上
    可以看 whisle 界面 左侧 Network 菜单点击你的请求,可以在右边的面板中看到请求匹配的规则(同时在请求列表中匹配到规则的会有特殊颜色标识)
    如果匹配的规则没有成功,说明你的规则无效…
    在这里插入图片描述
    在这里插入图片描述

    展开全文
  • 我这篇文章主要参考的whistle官方的文档,我觉着它写的不清晰,我重新整理了一下,如果觉着我写的不清晰,可以移步官网whistle官网 安装whistle,一共分为以下几步,缺一不可。 1.安装node 2.安装whistle 3

    最近在和客户端做联调工作,需要经常抓包分析请求。此时就需要一个抓包工具,windows上比较常用的有charles和fiddler,那mac上有没有好用的抓包软件呢?同事推荐了whistle,上午搞了搞,可以成功抓包了,觉着很方便,所以记录一下,希望可以帮到有抓包需求的小伙伴。
    我这篇文章主要参考的whistle官方的文档,我觉着它写的不清晰,我重新整理了一下,如果觉着我写的不清晰,可以移步官网whistle官网

    安装whistle,一共分为以下几步,缺一不可。
    1.安装node
    2.安装whistle
    3.配置代理
    4.mac安装根证书
    5.ios安装根证书
    6.开始抓包

    1.安装node

    访问https://nodejs.org/,安装LTS版本的Node,默认安装即可。
    安装完Node后,执行下面命令,查看当前Node版本

    $ node -v
    v16.15.0
    

    如果能正常输出Node的版本号,表示Node已安装成功(Windows系统可能需要重新打开cmd)。

    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.npmmirror.com
    $ cnpm install -g whistle
    
    #或者直接指定镜像安装:
    $ npm install whistle -g --registry=https://registry.npmmirror.com
    

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

    test@ZBMac-VVYKNPW4G ~ % w2 help
    
      Usage: w2 <command> [options]
    
    
      Commands:
    
        status      Show the running status
        add         Add rules from local js file (.whistle.js by default)
        proxy       Set global proxy
        ca          Install root CA
        install     Install whistle plugin
        uninstall   Uninstall whistle plugin
        exec        Exec whistle plugin cmd
        run         Start a front service
        start       Start a background service
        stop        Stop current background service
        restart     Restart current background service
        help        Display help information
    
      Options:
    
        -h, --help                                      output usage information
        -D, --baseDir [baseDir]                         set the configured storage root path
        -z, --certDir [directory]                       set custom certificate store directory
        -l, --localUIHost [hostname]                    set the domain for the web ui (local.whistlejs.com by default)
        -L, --pluginHost [hostname]                     set the domain for the web ui of plugin  (as: "script=a.b.com&vase=x.y.com")
        -n, --username [username]                       set the username to access the web ui
        -w, --password [password]                       set the password to access the web ui
        -N, --guestName [username]                      set the the guest name to access the web ui (can only view the data)
        -W, --guestPassword [password]                  set the guest password to access the web ui (can only view the data)
        -s, --sockets [number]                          set the max number of cached connections on each domain (256 by default)
        -S, --storage [newStorageDir]                   set the configured storage directory
        -C, --copy [storageDir]                         copy the configuration of the specified directory to a new directory
        -c, --dnsCache [time]                           set the cache time of DNS (60000ms by default)
        -H, --host [boundHost]                          set the bound host (INADDR_ANY by default)
        -p, --port [proxyPort]                          set the proxy port (8899 by default)
        -P, --uiport [uiport]                           set the webui port
        -m, --middlewares [script path or module name]  set the express middlewares loaded at startup (as: xx,yy/zz.js)
        -M, --mode [mode]                               set the starting mode (as: pureProxy|debug|multiEnv|capture|disableH2|network|rules|plugins|prod)
        -t, --timeout [ms]                              set the request timeout (360000ms by default)
        -e, --extra [extraData]                         set the extra parameters for plugin
        -f, --secureFilter [secureFilter]               set the path of secure filter
        -r, --shadowRules [shadowRules]                 set the shadow (default) rules
        -R, --reqCacheSize [reqCacheSize]               set the cache size of request data (600 by default)
        -F, --frameCacheSize [frameCacheSize]           set the cache size of webSocket and socket's frames (512 by default)
        -A, --addon [pluginPaths]                       add custom plugin paths
        --init [bypass]                                 auto set global proxy (and bypass) and install root CA
        --config [workers]                              start the cluster server and set worker number (os.cpus().length by default)
        --cluster [config]                              load the startup config from a local file
        --dnsServer [dnsServer]                         set custom dns servers
        --socksPort [socksPort]                         set the socksv5 server port
        --httpPort [httpPort]                           set the http server port
        --httpsPort [httpsPort]                         set the https server port
        --no-global-plugins                             do not load any globally installed plugins
        --no-prev-options                               do not reuse the previous options when restarting
        --inspect [[host:]port]                         activate inspector on host:port (127.0.0.1:9229 by default)
        --inspectBrk [[host:]port]                      activate inspector on host:port and break at start of user script (127.0.0.1:9229 by default)
        -V, --version                                   output the version number
    

    whistle常用命令参数,可以查看这篇文章whistle常用命令参数

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

    $ w2 start
    

    Note: 如果要防止其他人访问配置页面,可以在启动时加上登录用户名和密码:
    w2 start -n yourusername -w yourpassword。建议搞一个密码,安装一点

    重启whsitle:

    $ w2 restart
    

    停止whistle:

    $ w2 stop
    

    调试模式启动whistle(主要用于查看whistle的异常及插件开发):

    $ w2 run
    

    如果启动成功,会输出如下信息

    test@ZBMac-VVYKNPW4G ~ % w2 start -n wangyangyang94 -w cvbnm67890
    [i] whistle@2.9.15 started
    [i] 1. use your device to visit the following URL list, gets the IP of the URL you can access:
           http://127.0.0.1:8899/
           http://192.168.168.168:8899/
           Note: If all the above URLs are unable to access, check the firewall settings
                 For help see https://github.com/avwo/whistle
    [i] 2. set the HTTP proxy on your device with the above IP & PORT(8899)
    [i] 3. use Chrome to visit http://local.whistlejs.com/ to get started
    

    注意上面的两个url:
    http://127.0.0.1:8899以及http://192.168.168.168:8899。这2个ip地址,一会我们访问whistle控制台以及配置手机代理都用的上。

    3.配置代理

    3.1.mac增加全局代理配置

    Mac: System Preferences > Network > Advanced > Proxies > HTTP or HTTPS
    在这里插入图片描述
    3.2.增加浏览器代理插件
    增加这个插件原因:如果我们有多个代理,可以通过这个插件进行快速切换。我理解和switch的功能差不多。推荐安装Proxy SwitchyOmega
    在这里插入图片描述
    3.3.移动端需要在设置中配置当前Wi-Fi的代理,以 iOS 为例:
    在这里插入图片描述
    PS: 如果配置完代理,手机无法访问,可能是whistle所在的电脑防火墙限制了远程访问whistle的端口,关闭防火墙或者设置白名单:关闭防火墙或设置白名单

    4.mac安装根证书

    访问whistle控制台,127.0.0.1:8899。进入控制台(启动时配置了密码,需要输入配置的密码进入)
    点击HTTPS选项
    在这里插入图片描述
    点击链接下载根证书
    在这里插入图片描述
    根证书下载成功后,开始给mac安装根证书
    首先找到下载后的根证书,带有whistle字样。
    在这里插入图片描述

    刚打开时,文件上有一个红色的叉号,代表这个证书不被信任。我们双击这个文件,进行信任操作。
    选择最上面的始终信任,下面的选项就都信任了。
    在这里插入图片描述
    信任后,证书会变成这样
    在这里插入图片描述

    5.ios安装根证书

    确认一下3.3小节,手机是否配置了代理。配置后,Safari 地址栏输入 rootca.pro,按提示安装证书(或者通过 whistle 控制台的二维码扫码安装,iOS安装根证书需要到连接远程服务器进行验证,需要暂时把Https拦截功能关掉)
    在这里插入图片描述
    安装好的证书到以下位置安装:
    设置—>通用—>描述文件与设备管理
    在这里插入图片描述
    点击安装即可。
    iOS 10.3 之后需要手动信任自定义根证书,路径:设置—>通用—>关于本机—>证书信任设置,信任我们的whistle证书就可以了
    在这里插入图片描述
    ok,以上操作都完成后,我们就可以开始抓包了。如果要抓https的包,记得打开https抓包选项
    在这里插入图片描述
    简单说两句如何看抓到的请求
    在这里插入图片描述
    都是技术人员,不说那么细了,包都抓到了,稍微研究一下就知道咋用了。

    如果按照上述步骤安装后,还是无法抓取到手机上的请求。可能有以下原因:
    1.手机和电脑没有处于同一网段,需要处于同一网段或者手机wifi和电脑wifi有特殊端口能互访
    2.更换网络后,手机的代理ip需要更换,保证连接的是whistle当前的代理地址
    3.如果更换了网络,无法抓包,检查whistle可以抓取电脑上的请求后,手机重新下载证书,重新认证即可。

    展开全文
  • 做视频 PPT需要用到背景音乐的 这个whistle flo rida 高潮口哨铃音 很好听 我用到了 推荐给大家 希望能帮到大家
  • npm i whistle -g 基本操作与配套设置 w2 start 启动 w2 restart 重启 w2 stop 停止服务 w2 status whistle当前状态 http://127.0.0.1:8899/ , whistle会启动一个服务,默认8899端口 chrome插件switchyOmega ...
  • 大厂技术高级前端Node进阶点击上方程序员成长指北,关注公众号回复1,加入高级Node交流群导语通过这篇文章可以大致了解 Whistle 的实现原理,并学习如何实现一个简单的抓...
  • 使用whistle代理

    2022-04-05 17:09:59
    类似的工具有Fiddler,不同于Fiddler通过断点修改请求响应的方式,whistle采用的是类似配置系统hosts的方式,一切操作都可以通过配置实现,支持域名、路径、正则表达式、通配符、通配路径等多种匹配方式,配置使用...
  • Whistle抓包详细使用教程

    千次阅读 2021-12-08 17:38:48
    Whistle使用教程 介绍 whistle 官网 whistle github whistle主要用于查看、修改HTTP、HTTPS、Websocket的请求、响应,也可以作为HTTP代理服务器,功能很强大。 安装教程 官方安装文档 简略步骤: // 全局...
  • 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整理

    2020-06-19 11:33:29
    Whistle是一个非常强大的拦截请求,代理工具。安装谷歌插件SwitchyOmega就可以愉快的切换代理模式了。 一.Whistle常见功能 设置host进行代理 : www.ifeng.com 127.0.0.1:8080。可以将请求代理到...
  • whistle代理

    2021-12-17 16:27:49
    安装whistle npm install whistle -g --registry=https://registry.npm.taobao.org 添加环境变量 cancanliu@cancanliu ~ % vim ~/.bash_profile export PATH=$PATH:/Users/cancanliu/.npm-global/bin:$PATH 使...
  • whistle 实用小技巧

    2021-03-11 10:35:55
    whistle是一个基于 Node 实现的跨平台抓包调试代理工具。 快速安装: npm i whistle -g w2 -h //帮助信息 常用命令 启动: w2 start 重启 w2 restart 更换代理接口: w2 start -p 8080 停止: w2 stop 更多...
  • whistle 是一个基于 Node.js 的跨平台网络调试工具。最近随着 Nohost 的开源,有不少同学问了 whistle 相关的问题,本篇文章将结合几个常见的业务场景介绍如何在本地...
  • Whistle是基于Node.js的出色Web调试工具。 参见 安装 $ npm install egg-whistle --save 或者 $ yarn add egg-whistle --save 用法 // config/plugin.js exports . whistle = { enable : true , env : [ 'local'...
  • Whistle简介: Whistle是基于Node实现的跨平台web调试代理工具,类似的工具有Windows平台上的Fiddler,主要用于查看、修改HTTP、HTTPS、Websocket的请求、响应,也可以作为HTTP代理服务器使用,不同于Fiddler通过...
  • whistle使用总结

    2021-07-31 23:17:38
    npm install -g whistle 三、手机或电脑配置代理 w2 start w2 restart w2 stop 192:~ lujing$ w2 start [i] whistle@2.7.3 started [i] 1. use your device to visit the following URL list, gets the IP of ...
  • whistle高级用法

    2021-12-20 18:56:13
    可采用简洁版本: http://example.com/api/getUserList file://{userList.json} 注意:创建的文件尽量带文件后缀: 1、有语法高亮 2、如果不是 .json 结尾,whistle 不会在 Response Headers 里自动添加 content-...
  • 超好用的抓包工具——whistle

    千次阅读 2022-02-17 11:12:10
    背景: whistle(读音[ˈwɪsəl],拼音...whistle采用的是类似配置系统hosts的方式,一切操作都可以通过配置实现,支持域名、路径、正则表达式、通配符、通配路径等多种匹配方式 1、安装Nodejs 【戳官网地址..
  • 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 https://zhuanlan.zhihu.com/p/205089931 PC端准备工作 1. 安装nodejs https://nodejs.org/en/ ...
  • Whistle 的使用和安装

    千次阅读 2022-03-24 14:12:15
    1、简要介绍 whistle 是基于 node ...whistle 依赖于 node ,所以安装 whistle 之前要先安装 node; 然后使用 npm 安装 whistle: npm install -g whistle 2、常用命令 安装 whistle 后就可以启动了,常用命令: w2
  • Whistle是一个辅助C#库,用于从.NET进程中启动外部可执行文件并返回该可执行文件产生的任何输出。 安装 Whistle在处可用,并且可以使用VisualStudio NuGet程序包管理器或通过NuGet命令行作为程序包安装: 安装包...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 2,608
精华内容 1,043
关键字:

whistle

友情链接: hsfa-master.zip