charles

Posted 2022-01-28 cuter、

Charles简介

Charles是一个HTTP代理服务器,HTTP监视器,反转代理服务器，当浏览器连接Charles的代理访问互联网时，Charles可以监控浏览器发送和接收的所有数据。它允许一个开发者查看所有连接互联网的HTTP通信，这些包括request, response和HTTP headers （包含cookies与caching信息）。

Charles主要功能

1. 支持SSL代理。可以截取分析SSL的请求。
2. 支持流量控制。可以模拟慢速网络以及等待时间（latency）较长的请求。
3. 支持AJAX调试。可以自动将json或xml数据格式化，方便查看。
4. 支持AMF调试。可以将Flash Remoting 或 Flex Remoting信息格式化，方便查看。
5. 支持重发网络请求，方便后端调试。
6. 支持修改网络请求参数。
7. 支持网络请求的截获并动态修改。
8. 检查html，CSS和RSS内容是否符合W3C标准。

Charles的介绍与安装

在移动互联网时代，作为测试工程师，开发工程师。绝对必须要掌握必要测试工具，今天主要来了解Charles。
官方地址：
链接: https://www.charlesproxy.com/.

web抓包

1，web 抓包

Charles Web抓包非常简单，启动Charles会自动与浏览器设置成代理，不需要进行过多的设置，接下来我就就是通过浏览器发送网络请求，Charles就会直接抓取到这些信息和响应信息

2,Web 抓取HTTPS协议

虽然现在Charles能够直接抓包了，但是https协议的报我们是抓取不了的，需要安装SSL证书才可以

Charles下配置
1，点击顶部菜单栏【Help】–>选择【SSL Proxying】，点击【install Charles Root Certificate 】安装Charles根证书即可；
这里由于用的笔记本截图快捷键问题，没发截取，这里截取证书安装，证书安装一直下一步就可以


2，点击【Proxy】–>【SSL Proxying Settings…】
3,在弹出选项卡中，勾选【Enable SSL Proxying】点击【add】，在Host输入【*】表示接收任何主机，在Prot输入【443】最后点击【ok】保存

App抓包

Charles抓包不仅仅可以抓取来在电脑端的HTTP请求，也能够抓取来自App发出的HTTP请求，但是手机抓包需要在电脑端配置下，并且同时需要手机和电脑在同一网络下

电脑端配置：

1，启动安装好的Charles抓包工具；
2，点击【Help】–>【local IP Address】获取下ip地址，也可以直接通过电脑自带的CMD命令来获取电脑IP【ipconfig】，根据自己的习惯这里的ip是取我虚拟机的；

3，点击【Proxy】–>【Proxy Settings】我们在设置下端口号“8888”(默认8888)；

手机端设置

手机wifi设置代理后，手机浏览器上输入chls.pro/ssl，下载证书安装即可

映射

这样用手机打开这个网址，就能映射到你的本机项目了，还可以通过右边contents抓取接口内容