解决Charles https抓包显示

先看这篇文章
https://www.jianshu.com/p/e88a1ccb13ca
再看这篇
https://www.cnblogs.com/Zachary46/p/9431367.html
即可完美解决 mac 端的问题
==================================
1、电脑客户端下载,点击下载

我下面按照windows客户端演示,mac的客户端大相径庭

2、开启proxy(代理),并设置端口,默认8888

点击菜单 Proxy >> Proxy Setting >>

解决Charles https抓包显示<unknown>_第1张图片
image

3、电脑端安装CA证书

解决Charles https抓包显示<unknown>_第2张图片
image

点击“安装证书”

解决Charles https抓包显示<unknown>_第3张图片
image

4、app配置前的帮助信息查看

第一步:查看帮助文档

解决Charles https抓包显示<unknown>_第4张图片
image
解决Charles https抓包显示<unknown>_第5张图片
image

备注:此弹框需要记住以下信息

  • (根据自己实际而定)“192.168.2.15:8888” ,这是下面要设置代理需要的信息,192.168.2.15 是自己本电脑ip, 8888时上面设置的端口号
  • 还要记住地址"chls.pro/ssl",后面要用到

5、app端wifi设置代理

前提: 保证app和电脑在同一局域网

如果已连接wifi则忘记,重新连接,下来连接时不止写入密码,还要选择“手动配置代理”、“电脑ipc”、“上面设置的端口号(默认8888)”, 点击确定连接

6、app端安装证书

在浏览器上输入上面地址"chls.pro/ssl",输入完成后点击安装即可

7、下来配置完成,app在进行访问任何外网时的所有请求都会被拦截到

解决Charles https抓包显示<unknown>_第6张图片
image

附加教程

1、电脑客户端没有“request”和"response"设置

解决Charles https抓包显示<unknown>_第7张图片
image

设置如下:
点击菜单 Edit >> Preference >>

解决Charles https抓包显示<unknown>_第8张图片
image

2、解决https协议“request”和"response"乱码问题

解决Charles https抓包显示<unknown>_第9张图片
image

添加如图内容,点击确定,重新请求,乱码解决了:

解决Charles https抓包显示<unknown>_第10张图片
image

作者:__simple
链接:https://www.jianshu.com/p/e88a1ccb13ca
来源:
著作权归作者所有,任何形式的转载都请联系作者获得授权并注明出处。

================================================
用mac电脑开发安卓的都应该知道青花瓷吧~(不知道的都是小菜鸡,邪恶.jpg)

Charles类似Windows版的Fiddler(没用过Fiddler的都是小菜鸡中的战斗机,嘲笑.png),基本用法我就不说了,抓包的时候如果碰到https链接的地址,你会发现都是看不了内容的,都显示

解决Charles https抓包显示<unknown>_第11张图片
image
解决Charles https抓包显示<unknown>_第12张图片
image

电脑端

点击 Help -- SSL Proxying -- Install Charles Root Certificate

解决Charles https抓包显示<unknown>_第13张图片
image

可以看到可怕的不信任红字,系统默认对Charles证书是不信任的,别慌,我们双击Charles证书

解决Charles https抓包显示<unknown>_第14张图片
image
解决Charles https抓包显示<unknown>_第15张图片
image
解决Charles https抓包显示<unknown>_第16张图片
image

手机端

点击 Help -- SSL Proxying -- Install Charles Root Certificate on a Mobile Device or Remote Browser

解决Charles https抓包显示<unknown>_第17张图片
image

弹出提示,手机wifi网络配置代理

解决Charles https抓包显示<unknown>_第18张图片
image

然后就可以在手机浏览器输入 chls.pro/ssl 下载证书

解决Charles https抓包显示<unknown>_第19张图片
image

证书下载下来是一个 ***.pem **的文件,我们需要重命名为 *.crt 文件,不然无法安装,有的浏览器直接下载下来就是 *.crt 文件,看运气~~ 然后进入手机设置安装,在此以小米6手机为例,点击 设置 -- 更多设置 -- 系统安全 -- 加密与凭据 -- 从存储设备安装 找到刚才浏览器下载证书的路径选择安装,为证书起个名字

解决Charles https抓包显示<unknown>_第20张图片
image

点确定,输入账户密码完成安装,回到Charles

解决Charles https抓包显示<unknown>_第21张图片
image

可以看到https链接下终于不再显示了,而是感人的数据!

你可能感兴趣的:(解决Charles https抓包显示)