Charles乱码和SSL 代理问题解决

时间:2024-10-26 07:49:40

        在刚接触Charles进行抓包使用时,遇到了两个问题:

                1、Charles上抓的包出现了乱码;

                2、Charles开启SSL Proxying代理后出现了手机无法上网或手机和电脑浏览器都无法上网的情况。浏览器提示证书不可用或过期。

        尝试了很久终于解决了这两个问题,下面记录一下处理历程。

1、乱码问题解决

在这里插入图片描述

解决方案为:修改 文件(可选);

vmarg.5=-=UTF-8
vmarg.6=-=UTF-8

在这里插入图片描述

 

2、Charles开启SSL Proxying代理电脑浏览器后手机都无法上网问题

        Charles想要抓取Https请求的包,必须要在电脑和手机上都安装Charles 根证书。

(1)安装SSL证书

        选择 “Help” -> “SSL Proxying” -> “Install Charles Root Certificate”

 到此,Charles证书就安装成功了。

(2)防火墙配置

        可以在电脑防火墙上看到

        路径为:网络和Internet--windows防火墙--允许应用通过防火墙,在“允许的应用和功能”列表上要保证Cherles Web Debugging Proxy的所有勾选框都是被勾选的。如果要更改这里的配置,需要先点击一下“更改设置”按钮,然后删除按钮才会高亮显示。选中Cherles Web Debugging Proxy这一列可以进行设置和删除操作。

(3)设置Charles的SSL 代理

      1、  回到Charles应用,点击工具栏的Proxy按钮 -- 选择Proxy Settings -- 设置代理端口并勾选上下面的两个复选框,特别是第二个复选框代表开启http代理明文传输。

         2、选择Access Conctrol Setting,在这里可以控制访问设备。点击add可以添加需要抓包设备(pc或移动设备)的ip地址。设置好之后才能保证这些添加上的设备能够被Charles抓包。

        从截图的文字描述可以看到,安装Charles的计算机默认是被包含在访问控制列表的。访问列表默认展示为空,需要用户自己添加需要控制的设备的ip地址。

 3、SSL Proxying Settings设置

        勾选enable SSL Proxying复选框代表开启SSL Proxying代理,并在include栏中添加域名和端口号。include中的列表项代表Charles能够展示这些域名的SSL请求和响应的明文。

        并且说明中也提示了我们Charles要想使用SSL Proxying代理,需要进行SSL Certificates,即证书签名。这个我们在上面已经完成了。

 Stop SSL Proxying按钮可以控制SSL 代理的开关。

 到此,PC端的设置都已经配置好了。

(4)手机端配置网络的代理,并安装Charles证书

        4.1、 手机端配置网络代理

        手机端需要保证连接的wifi是和PC端在同一个局域网。

        手机端进入到设置--WLAN--找到已连接的wifi--长按该wifi,弹出修改网络--点击修改网络,然后设置代理模式为手动--填写服务器主机名和端口后。服务器主机名即PC端的ip地址,端口号即在Charles应用中设置的Proxying 端口号。

        到这一步,PC上就能看到手机端访问网络时的包数据了。但是对于https 加密请求还需要安装SSL 签名证书。

        4.2、 安装Charles CA证书

                Charles应用中点击help--SSL Proxying--点击install Charles...Browser出现弹出提示

弹窗提示我们需要配置设备代理,这个我们在上面已经配置过了 。然后需要在浏览器中输入下载和安装证书。假如你是ios10以后的机型,还需要进入到设置中信任Charles证书。

        4.3、 下载并安装Charles证书

        手机端连接上代理后,(应该是需要在Charles应用中先关闭SSL Proxying代理,否则手机端是无法下载证书的,这里我不太确定是否要执行这一步)在浏览器中输入框输入会弹出弹框,点击下载。

        我当时在安卓手机上下载成功后,直接点击该证书文件显示无法打开。然后我进入到手机设置--安全--更多安全设置--加密和凭据--从存储设备安装--展示了CA证书,VPN和应用用户证书,WLAN证书--不知道安装哪种的情况下,我把这三种类型挨个都选择了,进入到存储之前浏览器下载的证书目录下,点击证书文件,弹出一个弹窗提示为证书命名,命名为Charles即可,然后点击确定即安装成功了。

        这时候你会发现在设置的“加密和凭据”页选择受信任的凭据--再选择用户tab--就能看到Charles Proxy CA证书了。

        并且在“加密和凭据”页点击“用户凭据”,也能看到我们安装的证书。

        4.4、 ios设备进入到设置中信任Charles CA证书

(5)https请求和抓包

        这时候,再访问网络,比如百度随便输入一个内容后点击搜索,就可以再Charles上看到请求和响应包的数据,并且没有出现乱码了。