由于最近在学习微信小程序开发,项目中用到了https代理请求,所以用到了基于Node实现的跨平台web调试代理工具Whistle,在此做一记录。

完成https代理请求总共需要5个步骤。

一、安装Node.js
    在这边就省略了

二、安装并启动Whistle
1.安装Whistle
打开cmd命令窗口,执行

$ 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
2.启动Whistle
在cmd命令窗口中执行启动命令:

w2 start
停止命令:

w2 stop
重启命令:

w2 restart
3.访问Whistle,访问网址:
127.0.0.1:8899
三、配置代理
打开控制面板-->网络和 Internet-->Internet 选项-->连接-->局域网设置

勾选 为LAN使用代理服务器

地址(E): 127.0.0.1 端口(T): 8899
然后确定配置。

如下图:

此时就可以配置http请求转发了

1.打开whistle网页(127.0.0.1:8899)

2.在Rules规则中有一个默认的Default窗口,在此可以配置转发请求

www.myurl.com 127.0.0.1:8080
这样访问www.myurl.com就会访问127.0.0.1:8080这个地址

如果不在Default窗口配置,也可以自己新建一个,点击Create创建

这样只能代理非https请求 如果想代理https请求还得下载https安全证书

四、下载https安全证书
点击whistle网页上的HTTPS,会出现一个二维码,在二维码上方有一个Download RootCA,点击下载,在二维码下方有一个Capture HTTPS CONNECTs单选框,勾选表明拦截HTTPS请求。如图:

htpps安全证书下载好以后,打开 -->安装证书-->将所有的证书放入下列存储-->受信任的根证书颁发机构。如下图:

下载安装完成以后得重新配置转发请求。

五、配置请求转发
如果配置成:

https://www.myurl.com 127.0.0.1:8080
会报下面的错误

From: whistle@1.9.10
Node: v8.11.1
Date: 2018-5-4 09:31:21
Error: write EPROTO 101057795:error:140770FC:SSL routines:SSL23_GET_SERVER_HELLO:unknown protocol:openssl\ssl\s23_clnt.c:827:

at _errnoException (util.js:1022:11)
at WriteWrap.afterWrite [as oncomplete] (net.js:880:14)
是因为没办法用https请求去访问http服务器,改成下面的配置就OK

www.myurl.com 127.0.0.1:8080 http://www.myurl.com
这样访问https://www.myurl.com 就可以访问127.0.0.1:8080这个地址了。

记得开启拦截HTTPS:勾选 Capture HTTPS CONNECTs

点击Network可以查看请求信息,如下图:

转载于:https://www.cnblogs.com/binmengxue/p/10561724.html

web调试代理工具Whistle相关推荐

  1. Whistle强大的WEB调试代理工具

    whistle(读音[ˈwɪsəl],拼音[wēisǒu])基于Node实现的跨平台web调试代理工具,类似的工具有Windows平台上的Fiddler,主要用于查看.修改HTTP.HTTPS.Web ...

  2. 网站本地调试工具_一款Web调试代理工具:Fiddler

    前言 在移动软件开发工作中,我们经常需要对APP软件进行调试及问题定位. 在我们检查定位问题的时候,很多情况下需要查看接口的请求情况,当我们没有在调试模式的情况下,如何才能有效快捷的得到各个接口的请求 ...

  3. 【移动端debug-6】如何做一个App里的web调试小工具

    原文链接:如何做一个App里的web调试小工具 我们知道现在hybrid app非常流行,在这样的app里,h5页面是应用非常广泛的.相对于以往在pc端开发的网页,放在app里的网页由于无法直接使用桌 ...

  4. 初识whistle代理工具

    whistle介绍: Whistle是支付宝开发的又一强大的类似fiddler.charles抓包工具(另一强大的工具是anyproxy:http://anyproxy.io/cn/) Whistle ...

  5. 超好用的抓包工具——whistle

    背景: whistle(读音[ˈwɪsəl],拼音[wēisǒu])基于Node实现的 跨平台web调试代理工具,类似的工具有Windows平台上的Fiddler,主要用于查看.修改HTTP.HTTP ...

  6. 抓包工具whistle安装与使用

    1 介绍 whistle(读音[ˈwɪsəl],拼音[wēisǒu])基于Node实现的跨平台web调试代理工具,类似的工具有Windows平台上的Fiddler,主要用于查看.修改HTTP.HTTP ...

  7. 超好用的抓包工具——whistle的安装及使用

    whistle (读音[ˈwɪsəl],拼音[wēisǒu]) 一.简介 whistle是基于Node实现的跨平台web调试代理工具,主要用于查看.修改HTTP.HTTPS.Websocket的请求. ...

  8. 抓包与代理神器 —— whistle

    简介 whistle(读音 [ˈwɪsəl],拼音 [wēisǒu] )是基于 Node 实现的跨平台抓包调试代理工具,有以下基本功能: 查看 HTTP.HTTPS.HTTP2.WebSocket.T ...

  9. Fiddler Everywhere使用,任何设备或平台的Web调试

    Fiddler Everywhere使用,任何设备或平台的Web调试 使用适用于任何设备或平台的 Web 调试代理来扩大您的调试工作. Fiddler Everywhere使用是适用于 macOS.W ...

  10. Fiddler Everywhere调试代理来扩大您的调试工作

    Fiddler Everywhere调试代理来扩大您的调试工作 Fiddler Everywhere 是适用于 macOS.Windows 和 Linux 的安全且现代的 Web 调试代理.它使您能够 ...

最新文章

  1. 有关GBDT(Gradient Boosting Decison Tree,梯度提升树)
  2. PHP常用类型判断函数
  3. 近期活动盘点:工业大数据讲座、大数据自杀风险感知讲座、数据法学研讨会、海外学者短期讲学(12.3-12.13)
  4. PHP利用Gearman来处理并行多进程问题
  5. php中单引号与双引号的区别
  6. Linux内存管理详解
  7. 计算机网络基础大学教材,《计算机网络技术及应用——大学计算机基础教育规划教材》低价购书_教材教辅考试_孔网...
  8. pandas merge应用
  9. Hadoop1.2.0开发笔记(九)
  10. border 0px和border none的区别
  11. C#.NET com组件的编写
  12. 《数据挖掘概念与技术》第二版 中文版 第二章答案
  13. B站UP主自制的开源OCR翻译器走红Github,用一次就粉了
  14. 51Nod1203 2012集训队答辩 JZPLCM
  15. 综合1:stm32F4,ATKESP8266wifi,DS1302,AT24C02,KEY状态机,LCD屏幕320*240
  16. 词向量介绍以及Word2Vec的pytorch实现
  17. ADODB.Stream 错误 #x27;800a0bb9#x27; 参数类型不正确,或不在可以接受的范围之内,或与其他参数冲突。
  18. 做表情包就能卖1亿刀,这事儿放在国内我是不信的
  19. 如何添加打印纸规格尺寸?
  20. 怎么制作地图分布图,如何在地图上画出区域

热门文章

  1. LINUX(CENTOS)下载编译nload
  2. LINUX下载编译sqlite3
  3. LINUX脚本中如何判断相等
  4. UBUNTU安装Android Studio 3
  5. 网页设计心得HTML心得体会3000,网页制作的心得体会
  6. python在windows 比linux 慢,为什么python在Windows上这么慢?
  7. ubuntu退出mysql sql语句_Ubuntu 16.04安装、卸载mysql及怎么使用SQL常用操作语句
  8. c# try-catch 抓不到的Bug 解决方案
  9. nginx php转发_nginx做前端转发,将php交给php-fpm处理
  10. windows 核心编程下的内存映射文件