Charles配置获取https数据

本配置说明分为PC端和移动端。
移动端的调试变化相对较大

PC端

安装配置 Charles 根证书

保存Charles的Root Certificate，一个xxx.pem文件。

调出mac下的钥匙串访问

点击左侧的登录，然后把第一步中保存的xxx.pem文件拖到右侧中，此时的情况是：

系统默认是不信任 Charles 的证书的，此时对证书右键，在弹出的下拉菜单中选择『显示简介』，点击使用此证书时，把使用系统默认改为始终信任，如下图：

最终：

配置到这一步还不能抓取https，还要配置一下Charles的SSL设置

设置host为*就可以抓取所有的https站点的数据啦，当然你也可以选择一个一个添加，只抓取已经添加了的域名。

现在我们就可以在Charles中抓到https的包咯。

移动端

点击在移动设备上安装Root Certificate证书，会弹出下列提示：

在手机浏览器中打开charlesproxy.com/getssl这个链接，会跳转到证书安装界面：

点击安装。

然后就可以抓取移动端的https包了。

关键的地方来了，经过上述操作之后我们可以抓取移动端Safari浏览器的https的包，因为我们已经在IOS内信任了Charles的证书，但是微信浏览器它似乎不是用的系统的信任体系，因此有了如下的错误提示：

unknown_ca说明微信浏览器并不信任Charles的 Root Certificate。

因为微信浏览器默认拒绝不安全的https，因此屏幕会直接提示网络出错。0……0

微信端的手机调试应该会比较头疼了，在此推荐一下另外一种调试方式吧。

微信web开发者工具

微信web开发者工具下载地址

使用“微信web开发者工具”，可以像chrome devTool那样看每一个请求。

微信web开发者工具可以用来做公众号和小程序开发的调试，因此我们可以用它来调试公众号内页面。但是牵涉到与微信本身功能相关的地方（比如说获取openid）就需要是该公众号的开发者才行，否则会提示：

遇到这种问题时就需要登陆该微信公众号的后台，把开发者的微信添加为“开发者”。

微信web开发者工具令人叫好的地方是，它有一个功能叫代理！！！

进入微信web开发者工具的设置->代理

如上设置并保存后，我们就可以像是在手机端调试一样，被charles抓到包了！！！

如果没有设置代理，微信web开发者工具内的包是不会被charles抓到的！！！

参考链接

使用 Charles 获取 https 的数据

charles配置部分第4、5张以及移动端证书安装图片摘自使用 Charles 获取 https 的数据