Charles在pc和手机中如何使用

视频出自，还有系列视频
https://www.bilibili.com/video/BV1b7411T7vk?from=search&seid=15509648662739351431
抓包工具，付费软件，有试用版

破解版安装方法网址：
https://www.zzzmode.com/mytools/charles/

抓包：将网络传输发送与接收的数据包进行截获、重发、编辑、转存等操作，也用来检查网络安全。抓包也经常被用来进行数据截取等。

使用场景（手机截获接口数据）：
1、手机页面发现问题，问题查找
2、app端h5页面跳转链接拦截

原理：Charles将自己设置代理服务器进行拦截数据

使用方法
1、将Charles设置为系统的代理服务器
window系统

image.png

2、希望每次使用代理配置都固定：

image.png

3、设置不需要拦截网址（是全匹配查找，不想拦截二级域名要加 *.）

image.png

4、端口号设置：

image.png

5、手机（或是其他设备）连接本机代理使用：
手机 => 设置 => 网络 => WLAN => 选择和本机电脑一样的wifi => 长按 =>修改网络 => 高级选项 => 代理 => 手动 => 会让你输入 服务器主机名（本机ip地址） 和 服务器端口号（Charles设置中的端口号）

会有一个提示，是否允许一台设备连接到代理中来，选择允许。
此时手机上打开网址，Charles就会产生拦截记录

6、可以设置允许任何任何设备连入Charles
添加0.0.0.0/0和::/0

image.png

7、基本界面的使用

image.png

8、如果想对比接口请求的不同，File —> new session

image.png

新建session后，再次请求的接口进入这里

9、安装证书，拦截https接口
Charles拦截数据出现的unknown，是因为是https请求。
默认只抓取http协议的接口，那么需要抓取https数据，必须安装charles的CA证书，让charles在https交互中起到中间人监听的目的。
pc需要安装证书
选择Help->SSL Proxying->Install Charles Root Certificate on a Mobile Device or Remote Browser
手机也需要安装证书（安卓机）
打开手机浏览器，输入'chls.pro/ssl'，下载文件，安装报错，将 pem改成crt格式，再次点击安装
直到

image.png

注意问题：
1、localhost不拦截
代理服务器通常不会对本机设置代理，如果本机启动服务，使用127.0.0.1 和 localhost的网址接口是不会被拦截的。需要使用本机的域名(在host中配置域名)或者ip地址访问
2、focus不要勾选，勾选后上面的接口请求会不见

image.png

思考的问题
1、我手机接入后，我电脑浏览页面，还会被拦截到么？
会，因为proxy->proxySetting->Windows proxy，只要勾选就会拦截电脑

2、我本地启动一个工程，端口号8080，我Charles设置端口号8888，不是一个东西不冲突。那我都设置成8080，会怎样？
亲测不冲突。

不明白的问题：
1、有时候pc的页面接口抓取不出来

2、会自动退出

3、在哪里看跳转页面的地址