iOS 开发技巧 - Charles https抓包显示2019-07-04

用mac电脑开发App的都应该知道青花瓷

Charles类似Windows版的Fiddler(基本用法我就不说了,抓包的时候如果碰到https链接的地址,你会发现都是看不了内容的,都显示

iOS 开发技巧 - Charles https抓包显示<unknown>2019-07-04_第1张图片
image

因为https是加密的,Charles需要配置证书才可以抓包。没配置证书之前,你开着Charles,Google也是用不了的,打开都是这鸟样子!

iOS 开发技巧 - Charles https抓包显示<unknown>2019-07-04_第2张图片
image

安装证书

电脑端

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

iOS 开发技巧 - Charles https抓包显示<unknown>2019-07-04_第3张图片
image

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

iOS 开发技巧 - Charles https抓包显示<unknown>2019-07-04_第4张图片
image

点开左边的信任,选择始终信任,点关闭,弹出账户密码验证,填一下就改好了

iOS 开发技巧 - Charles https抓包显示<unknown>2019-07-04_第5张图片
image

回到证书列表可以看到Charles证书已经受信任了

iOS 开发技巧 - Charles https抓包显示<unknown>2019-07-04_第6张图片
image
手机端

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

iOS 开发技巧 - Charles https抓包显示<unknown>2019-07-04_第7张图片
image

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

iOS 开发技巧 - Charles https抓包显示<unknown>2019-07-04_第8张图片
image

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

iOS 开发技巧 - Charles https抓包显示<unknown>2019-07-04_第9张图片
image

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

iOS 开发技巧 - Charles https抓包显示<unknown>2019-07-04_第10张图片
image

点确定,输入账户密码完成安装,回到Charles,你会发现还是显示,别急别急,请往下看:

重要的事情要加粗显示

打开设置->关于本机->证书信任设置,打开信任开关。这步千万别忘了!!!

iOS 开发技巧 - Charles https抓包显示<unknown>2019-07-04_第11张图片
image
iOS 开发技巧 - Charles https抓包显示<unknown>2019-07-04_第12张图片
image

让我们再次回到Charles,惊喜出现了!!现在终于可以看到https链接下终于不再显示了,而是感人的数据!

请随手点个赞,一起长高高!!!

你可能感兴趣的:(iOS 开发技巧 - Charles https抓包显示2019-07-04)