whistle代理使用
1. 介绍
whistle(读音[ˈwɪsəl],拼音[wēisǒu])基于Node实现的跨平台web调试代理工具,类似的工具有Windows平台上的Fiddler,主要用于查看、修改HTTP、HTTPS、Websocket的请求、响应,也可以作为HTTP代理服务器使用,不同于Fiddler通过断点修改请求响应的方式,whistle采用的是类似配置系统hosts的方式,一切操作都可以通过配置实现,支持域名、路径、正则表达式、通配符、通配路径等多种匹配方式,且可以通过Node模块扩展功能
2. 安装
- 2.1 npm安装
npm install -g whistle
- 2.2 基本命令
// 启动whistle:
w2 start
重启whsitle:
w2 restart
停止whistle:
w2 stop
调试模式启动whistle(主要用于查看whistle的异常及插件开发):
$ w2 run
- 2.2 配置代理
详细步骤见官方文档 官方文档-安装步骤
推荐使用浏览器代理插件Proxy SwitchyOmega,而不是直接修改电脑代理,这样可以不影响其他上网应用
下载安装 | Proxy SwitchyOmega (proxy-switchyomega.com)
3. 使用
当所有安装都已经完成之后,就可以进行使用了
- 3.1 启动whistle
// 终端运行命令
w2 start
可以通过本地地址访问whistle的界面
- 3.2 配置Proxy SwitchyOmega
3.2.1 可以直接在对应网站,直接切换你配置的代理
3.2.2 使用auto_switch 模式
在对应域名下,Proxy SwitchyOmega会根据对应的域名,来调用你定义的代理服务器
但是这里有个问题就是,如果后端访问接口跟你配置的域名不一致,那么会走不到这个代理来
比如 前端访问为 www.example.com 后端服务器为www.example1.com 那么 你就需要再配置一个 www.example1.com 调用self_proxy 代理 如果,后端有很多接口,那就直接使用第一种最好,直接选择self_proxy代理,只是这种选择会影响到浏览器其他网页的访问
注意域名通配符配置 需要这么配置 假设你的网址为 https://adc.example.com.cn
或者使用网址通配符配置 对于这一个存在一些限制 Chromium 完整网址限制 · FelisCatus/SwitchyOmega Wiki · GitHub
如果你不知道该怎么写这个通配符可以这么做,代理软件会帮助你生成一个通配符
- 3.3 如果你想抓取https请求则需要在电脑安装证书
注意:安装证书也就相当于你把别人的指纹录入到了你家的密码锁,因此安装三方证书一定要确认这个三方证书是可信的而不是任意一个网站上下载的证书(这个判断需要个人根据经验自行判断)
对于https,传输的数据,没有证书进行加解密,外界是无法破解传输内容的,因此计算有第三方拦截了请求,他也不知道具体的内容是什么(这里设计到安全与鉴权相关知识,此处仅仅简单举例)
但是你安装与信任了外部证书,就相当于这个新安装的证书也可以解密你传输的数据
杂谈: 对于一些公司会要求安装公司的软件,以达到了解员工日常活动的目的,就是这个原理,如果员工仅仅是连接公司网络,不安装公司软件,那么公司是无法获知员工的访问内容的,而仅仅只能知道员工访问了那些网站,具体内容是不知道的
- 3.4 配置whistle
在 Proxy SwitchyOmega配置后 并访问对应网页假设 网页为 www.abc.com 则请求就会走到 www.example.com
这个时候 whistle的这个配置生效 就会把所有访问www.example.com 的请求 都转发到 whistle的端口(当然你也可以指定你自己的代理服务器,不一定是你的本地,也可以是你本地的其他服务或者线上的其他服务,甚至whistle的功能你也可以自己通过node写一个)
4. 抓取内容
5. 修改内容(功能重点)
对于上面的 代理 也就是如果访问 a.com 显示b.com的内容,都是可以通过修改本机的host文件来实现的(这就涉及到浏览器访问网页按下回车后,干了哪些事)
简单说浏览器的域名解析(所有的域名 最终都是要解析为ip,域名是为了方便记忆,以及访问而产生的)
- 就是浏览器先找自己的缓存看有没有
- 自己没有 看本地host文件有没有域名与ip对应关系
- host也没有 访问dns服务器 (dns服务器会一层一层网上找,类似于 从县到市再到省再到国家这种)
- 能查到则访问对应ip,查不到则浏览器会显示无法访问
5.1 修改请求返回 header 可以用来跨域(在服务器暂时无法配置解决跨域,可以本地先通过修改请求返回header来越过,当然也可以关闭浏览器的跨域限制,这里又涉及到了为什么跨域以及跨域的解决方法 之前文章:浏览器跨域与处理方案 - 简书 (jianshu.com)
)
此处仅举例 修改请求返回header 其余功能参考官方文档
5.1.1先在values 定义对应修改header的json文件
{
"Access-Control-Allow-Origin": "http://abc.com",
"Access-Control-Allow-Credentials":true
}
5.1.2 在Rules中 定义规则 对resHeader 的覆写修改使用 response.json 文件中的内容
https://example.com resHeaders://`{response.json}`
whistle代理使用的更多相关文章
- 2019年Web前端最新导航(常见前端框架、前端大牛)
本文最初发表于博客园,并在GitHub上持续更新前端的系列文章.欢迎在GitHub上关注我,一起入门和进阶前端. 前言 本文列出了很多与前端有关的常见网站.博客.工具等,整体来看比较权威.有些东西已经 ...
- 移动端调试Web页面
移动端调试Web页面 虽然可以在PC下,通过开发者工具,模拟移动端,但是这样只能模拟页面样式,对于代码的执行情况是无法模拟的,所以在此结合实际调试经验,针对安卓与IOS设备,进行总结. IOS 安卓 ...
- 跨平台web调试代理工具---whistle
whistle是基于Node实现的跨平台web调试代理工具,支持windows.mac.linux等所有安装了Node的操作系统,可以部署在本地机器.虚拟机或远程服务器,并通过本地网页查看或修改HTT ...
- 前端代理----whistle
场景一:如何将本地的请求代理到服务器上(如果接口没有校验登陆的情况) 最简单的方法:在项目文件中找到webpack开发环境的配置文件,配置devServer对象 devServer: { conten ...
- web调试代理工具Whistle
由于最近在学习微信小程序开发,项目中用到了https代理请求,所以用到了基于Node实现的跨平台web调试代理工具Whistle,在此做一记录. 完成https代理请求总共需要5个步骤. 一.安装No ...
- 实用抓包工具:whistle
无论是前端开发还是客户端,实际开发过程中,抓包都经常被用到.工欲善其事必先利其器,一款好用的抓包工具也是必须的. 说到抓包,Windows系统上不少人都用过Fiddler,Mac或Linux上用Cha ...
- 使用 whistle 替代本地 nginx/webpack 服务
加入鹅厂之后,我发现团队都在用一款叫做 Whistle 的工具,起初我以为这只是一款类似 Fiddler/Charles 的普通货色.然鹅,发现下面这两种用法之后,我把自己的膝盖摘下来献给了制作这款工 ...
- whistle
whistle介绍 whistle是基于Node的跨平台web调试代理工具, 主要查看, 修改HTTP, HTTPS, Websocket的请求,响应, 也可以作为HTTP代理服务器使用 (文档)[h ...
- 移动端调试神器 whistle
移动端h5页面嵌入的方式多种多样,普通的chrome真机调试功能有时就不能满足要求了. whistle通过设置wifi服务器代理的方式,可以抓包调试所有移动端请求的页面. whistle的github ...
- whistle工具全程入门
接触过前后端开发的同学应该都了解网络请求代理工具fiddler(mac下面常用的是Charles),可以用来拦截分析请求.包装请求.本地调试和移动端代理开发调试等.多多少少,fiddler和Charl ...
随机推荐
- vxe table columns 要用data里的值,用computed的值会导致排序部分不好用。
vxe table columns 要用data里的值,用computed的值会导致排序部分不好用.
- C++学习笔记之基础语法
目录 基础语法 switch和if区别 枚举定义及作用域 结构体数据耐齐--缺省对齐原则 函数重载overload与C++Name Mangling 指向函数的指针与返回指针的函数 基础语法 swit ...
- 数据库表到java类转换工具
//该工具类可以实现:给定一个指定的数据库表名,即可自动生成对应的java实体类 package com.iamzken.utils; import java.io.BufferedWriter; i ...
- linux中ping命令停不下来解决方案
linux的 ping 命令和windows不一样.windows默认只发送四个包的. 你可以使用ping -c 4 [ip/域名]这种方式来实现你想要的. linux控制台程序一般强制终止都是Ctr ...
- ubuntu 14.04 x86_64编译安装Skyeye1.3.5RC1的心得
PS:要转载请注明出处,本人版权所有. PS: 这个只是基于<我自己>的理解, 如果和你的原则及想法相冲突,请谅解,勿喷. 前置说明 本文发布于 2014-11-09 09:19:03 ...
- 瑞云与宜宾职院开展校企合作,同深圳VR联合会共建元宇宙产业学院
2022年7月9日,宜宾职业技术学院携手深圳市虚拟现实产业联合会和深圳市瑞云科技有限公司,合作共建的"元宇宙职业教育研究与应用中心"."元宇宙产业学院"授牌仪式 ...
- PyQt5 GUI编程
一.PyQt5简介 PyQt5是一个用于创建图形用户界面(GUI)应用程序的跨平台工具集,它将Qt库(广泛用于C++编程语言中创建丰富的GUI应用程序)的功能包装给Python使用者.PyQt5是由R ...
- 阿里二面:谈谈ThreadLocal的内存泄漏问题?问麻了。。。。
引言 ThreadLocal在Java多线程编程中扮演着重要的角色,它提供了一种线程局部存储机制,允许每个线程拥有独立的变量副本,从而有效地避免了线程间的数据共享冲突.ThreadLocal的主要用途 ...
- KingbaseES中查询对象大小的SQL及函数区别
--查看所有数据库大小 select sys_database.datname, sys_size_pretty(sys_database_size(sys_database.datname)) AS ...
- KingbaseESV8R6 heap table末端垃圾页回收机制
前言 默认情况下,vacuum表不能释放磁盘空间,只是在dead tuple做个标记位,但heap table末端的垃圾页可以被truncate,从磁盘中释放空间.例如表的末尾的100个数据块里面全是 ...