【IT 工具 Charles抓包】

简介

Charles是什么？

为什么是Charles？

为什么要用抓包工具？大家在平常移动App调试测试中是如何进行抓包的？

在我们做开发与测试的过程中，总免不了碰到网络问题，特别是重后台的产品，这个时候我们往往的处理方法是抓个网络包，看看到底应用发送和接收了些什么鬼.....这个时候Charles上场了；Charles是一款屌的不行的截包工具，好用到没朋友。

那么Charles屌在哪里呢？？？主要特点如下：

1.支持SSL代理，可以截取分析SSL的请求

2.支持流量控制。可以模拟慢速网络(2G,3G)，以及等待时间较长的请求。

3.支持AJAX调试。可以自动把JSON或者XML数据格式化，方便查看。

4.支持重发网络请求，方便后端调试。

5.支持修改网络请求参数。

6.支持网络请求的截取和动态修改。

7.最重要的一个优点就是有不同平台的版本（Mac，Windows、Linux）即学一个打遍天下。

Charles基本工作原理

charles是通过网络代理来进行抓包的，下面先了解一下http代理的原理：

1.普通http请求过程

一般情况下的HTTP请求与响应

2.加入了Charles的HTTP代理的请求与响应过程

中间的代理服务器就是Charles

使用

Charles的下载与安装过程

1.官网下载地址：

http ://www.charlesproxy.com/download /

2.Mac下安装：

是一个安装包是一个dmg后缀的文件。打开后将Charles拖到Application目录下即完成安装。

在Mac下你打开Launchpad即可看到一个像花瓶一样的Charles程序图标

3.Windows下安装：

下载后直接双击根据安装向导一步一步安装即可

Http抓包操作步骤

Step 1：开启Charleshttp代理；
Step 2：手机端Wifi添加代理；
Step 3：开启Charles录制功能；
Step 4：启动应用开始抓包；
Step 5：分析抓取的数据包。

Step 1: 开启Charleshttp代理

设置Charles代理

第一次启动默认会开启本机的系统代理，因为我们只是监控移动端的所以将此选去除（去掉选项前面的小钩）

激活http代理功能

Step 2: 手机端Wifi添加代理

Android手机：

在手机端打开你的Wifi设置然后长按已经连接的Wifi在弹出来的菜单中选择【修改网络】
沟上[显示高级]选项--【手动】
输入代理服务器的IP与端口
IP即安装了Charles的电脑IP地址，端口就是前面一步设置Charles时所设置的端口。

注意：手机所连接Wifi要与电脑在同一个LAN(局域网)

Genymotion：

Charles默认是不监听Genymotion模拟器的网络动态的。

需要进行以下设置：

打开你的Genymotion模拟器
设置 -> Wifi -> 长按你的当前的网络连接
选择 “修改网络”
勾选 “显示高级选项”
选择 “代理设置 -> 手动”
设置你的代理服务器为: 10.0.3.2 (这是Genymotion为本机准备的特殊端口)
把端口设置为: 8888
保存
打开飞行模式再关闭飞行模式，方可起效

AVD：

Android自带模拟器

查看本机IP（Help -> Local IP Address）
注意：必须从这里看，不能直接查本机IP
.
打开模拟器的代理设定界面，把代理IP和端口设置好

.

iOS手机：

点击你所连接的wifi
输入代理服务器的IP与端口
IP即安装了Charles的电脑IP地址，端口就是前面一步设置Charles时所设置的端口。

注意：手机所连接Wifi要与电脑在同一个LAN(局域网)

Step 3:开启Charles录制功能

当手机连接上代理后Charles会弹出相应的提示框，点击Allow即可。（有时候不会有弹窗）
点击工具栏上的开始录制按钮，即启动了Charles的抓包功能了。

Step 4：启动应用开始抓包

在手机上操作相应的App进行抓包。
在Charles的主界面上就可看到相应的请求内容。

Step 5：分析抓取的数据包

Charles 主要提供两种查看封包的视图，分别名为 “Structure”和 “Sequence”：
Structure 视图将网络请求按访问的域名分类；
Sequence 视图将网络请求按访问的时间排序。
大家可以根据具体的需要在这两种视图之前来回切换。请求多了有些时候会看不过来，Charles提供了一个简单的Filter功能，可以输入关键字来快速筛选出URL 中带指定关键字的网络请求。
对于某一个具体的网络请求，你可以查看其详细的请求内容和响应内容。如果请求内容是POST 的表单，Charles 会自动帮你将表单进行分项显示。如果响应内容是 JSON 格式的，那么 Charles可以自动帮你将JSON 内容格式化，方便你查看。如果响应内容是图片，那么 Charles可以显示出图片的预览。