一、charles是什么

info：使用青花瓷也有一段时间了，之前都是用于抓自己项目app的http请求包，但是最近由于使用的时候遇到了https不能被展示的问题，结果遇到了一些坑，打算写一下，方便自己和别人。青花瓷可用于抓取安装青花瓷本地电脑的浏览器（http请求），可以在App（Android、ios）的手机上设置代理，用于抓取app发出的http或https（http+ssl）请求的包（这个需要对https有一定的理解，后面会写一篇https的文章。。。）。省略过下载（本想在csdn放一个包的，但是不让放的）和安装的过程。

二、charles抓App的http请求包

一般来说现在手机都会使用wifi，则只是要求手机的wifi网段（被自动分配的IP地址）和安装青花瓷的电脑的IP在同一网段内即可。这点很重要。我最近就有两个，搞了半天才发现，不在同一网段，不能请求数据（原因是公司开发的时候由于maven私服会在另一个网段的服务器上，而手机使用的是另一个wifi，所以没有注意这一点）。

1、charles端配置

打开charles软件，在proxy 》 proxy Setting中，可以看到http的默认监听端口是8888，并且可以看到在第三个页签中是windows窗口，用于监听当前windows系统的请求抓包，如下图：

需要知道当前电脑的IP地址，方便同一域名的手机设置代理（ipconfig 或ipconfig -all）：

2、手机端配置

需要在手机的wifi连接下配置代理，顺序如下图：

则若当前的请求为http（明文传输）请求，则在青花瓷端可以抓包，并且解析数据了，如图：

三、charles抓App的https请求包

首先一点要在保证上面都ok的情况下，特别是刚才说的同一网段，并且能抓http请求包的情况下再来配置https的，首先要知道https就是在http请的基础上加上ssl（secure sockets Layer）层，然后再加上公认的CA（Certificate Authority）证书授权中心。我在安装的过程中遇到一个坑，当我在我的ios （系统为11）的手机上用浏览器打开http://www.charlesproxy.com/getssl/的时候，发现没有下载证书，就是因为没有上面的安装条件。

1、在charles端设置ssl代理

第一、首先需要安装证书，如下：

其中chls.pro/ssl就是需要在手机浏览器中下载证书的地址，也可以只有刚才说的http://www.charlesproxy.com/getssl/。

第二、这样手机端的证书就设置完成了。设置服务器端的证书，步骤如下图：

第三、然后就需要配置charles端的ssl代理，还在是proxy菜单下，找到ssl proxy进行设置IP和端口等，如下图：

2、在ios端安装证书

在手机浏览器中输入上面的地址，即马上会下载证书包（若没有反应请检查上面的步骤），安装完成后需要同意证书的使用，并设置ssl的代理，如下图：

在完成以上安装后需要在，ios手机的设置中找到以下路径：设置》通用》关于本机》证书信任设置（在最下面），将Charles Proxy CA... 设置为信任状态，再看看能不能抓到https的包并且进行解析，如果一切正常，则如下：

青花瓷（charles）的基本使用和注意事项相关推荐

ios 抓包工具 ios青花瓷charles
iOS_青花瓷Charles抓包,ios青花瓷charles 使用青花瓷Charles抓取手机端的网络请求: 第一步,下载安装并打开Charles 第二步,去掉菜单[Proxy]下面的[Mac OSX ...
Mac 抓包工具青花瓷Charles使用步骤
windows上抓包的工具有httpwatch.fiddler等,Facebook 的stetho用于安卓开发也很方便,但是Mac呢? 这里我也才学会使用Charles,大家都说这个在mac上还算好用 ...
iOS_青花瓷Charles抓包
使用青花瓷Charles抓取手机端的网络请求: 第一步,下载安装并打开Charles 第二步,去掉菜单[Proxy]以下的[Mac OSX Proxy]和[Mozilla Firefox Proxy] ...
Android使用青花瓷Charles抓包
抓包工具有很多,青花瓷(别人这么叫,我也就这么称呼喽)也用了大半年, 简单记录下使用方法,青花瓷可以抓取http也可以抓https 1.可以根据自己的环境下载:官网下载地址 2.下载安装完成后,配置环 ...
Mac版Charles破解版安装，使用Charles抓https接口
Mac上抓包使用青花瓷Charles,官网地址:https://www.charlesproxy.com/ 破解版替换掉chrales.jar包,替换路径:/Applications/Charles. ...
Java设计模式之五大创建型模式
Java设计模式之五大创建型模式设计模式(23种) 单例模式(Singleton Pattern) 参考链接概念使用场景实现思路实现方式饿汉式(静态常量) 饿汉式(静态代码块) 懒汉式(线 ...
百思不得姐(第三天)
上午+昨晚本来昨晚要跟新的,但是由于调试bug弄太晚了,都凌晨4点了,就没记录,今天来记录先看看最新效果(做的比较慢) 效果如下图! 思路: 先查看了下APP的组成,发现有好几个页面都有最上面的滚 ...
iOS使用Charles（青花瓷）抓包并篡改返回数据图文详解
写本文的契机主要是前段时间有次用青花瓷抓包有一步忘了,在网上查了半天也没找到写的完整的教程,于是待问题解决后抽时间截了图,自己写一遍封存在博客园中以便以后随时查阅. charles又名青花瓷,在iOS ...
抓包工具Charles(青花瓷)使用教程
一.什么是Charles? Charles,因产品Icon为青花瓷造型,俗称青花瓷.主要是用来抓取网络流量包,可以分析产生的网络请求.可以配置代理来抓取手机流量包数据. 二.下载安装: 1.官方渠道, ...
Charles青花瓷解锁https
在 Charles青花瓷软件中选择 Help 做以下操作: 生成下图条框在手机 Safari 浏览器中输入上图红框中的链接 " chls.pro/ssl " 搜索 –> 出 ...

青花瓷（charles）的基本使用和注意事项