我在之前一篇博客《》中简单介绍了Charles的安装破解，以及进行简单的Charles抓包配置的介绍。今天我们来详细介绍下使用Charles进行http抓包，关于https抓包，我将会在另一篇博客中介绍。（1）http抓包的配置，请参考《》这篇博客。（2）为了使抓包的结果清晰，便于调试，我写了一个简单的网络请求，通过点击按钮请求查询号码归属地，代码如下：#import "ViewController.h"
@interface ViewController ()
@implementation ViewController
- (void)viewDidLoad {
[super viewDidLoad];
- (IBAction)networkRequestPressed:(id)sender {
NSString *urlAsString = [@".cn/WebServices/MobileCodeWS.asmx/getMobileCodeInfo?mobileCode=&userId=" stringByAddingPercentEncodingWithAllowedCharacters:[NSCharacterSet URLQueryAllowedCharacterSet]];
NSURL *url = [NSURL URLWithString:urlAsString];
NSMutableURLRequest *urlRequest = [NSMutableURLRequest requestWithURL:url];
[urlRequest setTimeoutInterval:30];
[urlRequest setHTTPMethod:@"GET"];
//推荐使用这种请求方法；
NSURLSession *session = [NSURLSession sharedSession];
NSString *result = @"";
NSURLSessionDataTask *dataTask = [session dataTaskWithRequest:urlRequest completionHandler:^(NSData * _Nullable data, NSURLResponse * _Nullable response, NSError * _Nullable error) {
if (!error) {
//没有错误，返回正确；
result = [[NSString alloc] initWithData:data encoding:NSUTF8StringEncoding];
NSLog(@"返回正确：%@",result);
//出现错误；
NSLog(@"错误信息：%@",error);
[dataTask resume];
@end（3）点击按钮进行网络请求后，返回结果如下：。（4）下面开始进行抓包（如何配置请参考：）。注意哦：需要在真机上测试！进行网络请求后，Charles输出如下：。我现在对上面的http抓包结果进行详解。【1】左侧是显示结构：Structure是树状结构显示，Sequence是水平结构显示。两者基本类似，我以树状结构来进行介绍。左侧的树状结构是我进行网络请求的url链接，每一个层级表示了以“/”隔开的子域名。通过上述的代码也可以看到我GET请求的url链接是：.cn/WebServices/MobileCodeWS.asmx/getMobileCodeInfo?mobileCode=&userId=
；与树状结构中显示的一致。【2】。右侧是详情页，其中第一个Overview是概览。我对一些字段进行介绍：（1）URL：我进行网络请求的链接；（2）Status：当前状态，complete表示请求完成；（3）Responce Code：返回码。不同的接口，不同的请求结果，返回码都不同；（4）Protocol：使用的协议；（5）Method：请求方式，如GET请求，POST请求等；（6）Kept Alive：判断当前是否正在链接（活跃）；（7）Content-Type:发送的内容类型，如这里用的是XML文本，以UTF8的方式发送；（8）Client Address：客户端的IP地址；（9）Remote Address：远程服务器的IP；Timing:（10）Request Start Time：请求开始的时间；（11）Request End Time：请求结束的时间；（12）Response Start Time：返回开始的时间；（13）Response End Time:返回结束的时间；Size:（14）Request Header ：请求的头部大小；（15）Request Header：返回的头部大小；（16）Request : 请求发送的大小；（17）Response：返回数据的大小；（18）Total：所有数据大小；（19）Request Compression :请求压缩；（20）Response Compression: 返回压缩；【3】。第二个页面是关于请求发送的。下面的Headers，Query String,Raw。（1）Headers：发送请求的头部信息；（2）Query String:发送参数列表；（3）Raw：发送的原生数据，包括了头部和参数；【4】。右侧的Response的是关于所有返回信息的。（1）Headers：是返回的头部信息；（2）Text：返回信息（除去头部）后的文本；（3）Hex：返回信息的16进制表示；（4）XML：我返回的数据是XML。如果你返回的是JSON，这里就会显示JSON；（5）XML Text：如果你返回JSON，这里会显示JSON Text；（6）Raw：返回的所有原生数据，包括头部；【5】。里面是发送数据的一些简要信息。【6】。是一些简要信息的图表表示。
现在我对Charles顶部的一些常用的工具栏做一个介绍：（1）New Session：新建一个会话。也就是在一个新的Charles界面查看网络情况；。（2）Open Session:打开一个之前保存的会话；。（3）Close the current Session:关闭当前的会话；。（4）Save the current Session:保存当前的会话；。（5）Clear the current Session:清空当前的会话（比较方便，常用）；。（6）Find Text in the current session:相当于查找功能；。
总结，通过Charles来抓包网络请求，让我们对项目的流程有一个大概的认识，这对于入手一个复杂的项目很有帮助。这也有利于我们测试网络情况，调试程序，监测性能。同时，网络抓包也不仅限于iOS的开发，也可以用在其他的开发领域中。当然，可能某些App存在所谓的后门，窃取你手机上的隐私，你是不是也可以通过抓包来判断呢？我将在下一篇博客中介绍如何进行Charles的https抓包。github主页：
。欢迎大家访问！最近极客学院Wiki正在进行IT职业技能图谱的制定，我主要负责iOS方向，大家感兴趣的可以一起参加，有问题或者修改可以直接给我发issues或者pull request。
如果您想留下此文，您可以将其发送至您的邮箱(将同时以邮件内容&PDF形式发送)
相关文章推荐
(Ctrl+Enter提交) &&
已有0人在此发表见解
&在& 21:48收藏到了
&&在信息爆炸的时代，您的知识需要整理，沉淀，积累！Lai18为您提供一个简单实用的文章整理收藏工具，在这里您可以收藏对您有用的技术文章，自由分门别类，在整理的过程中，用心梳理自己的知识！相信，用不了多久，您收藏整理的文章将是您一生的知识宝库！
· 蜀ICP备号-19781人阅读
组件及工具（2）
Charles是目前最强大最流行的http抓包调试工具，Mac、Unix、Windows各个平台都支持。特别是做APP开发，调试与服务端的通信，Charles是必备工具。
目前Charles是收费的，不过可以破解。
Charles下载地址：
解压charles_3.11.4_Crack.rar，将其中的charles.jar替换掉Charles安装路径中的charles.jar即可
二、Charles工作原理
Charles本质是就是一个http抓包分析工具，在工作的时候需要先把charles设置成代理服务器，这样所有的网络请求都会经过charles了。
三、对移动端进行抓包分析
我们在进行APP开发或测试时，经常需要知道APP的每一步操作调用的是哪个接口，请求参数是什么，返回值是什么，作为服务端，有时还需要对APP的某一个操作进行debug。通过简单配置，我们就可以将我们手机APP上所有请求发送到PC端Charles代理中，Charles会自动抓取http网络包分析请求和返回值，当然这些只是Charles最基本的功能。
下面就介绍如何配置Charles：
手下手机和电脑必须在一个局域网内，不一定非要是一个ip段，只要是同一个路由器下就可以了
在PC端安装Charles，关掉防火墙，打开Charles，进入Proxy-&Proxy Setting，设置http proxy代理端口：8888（一般默认设置为这个）
在移动端，进入无线网络-&点击当前连接的wifi-&代理设置-&设置服务器地址和端口(各手机配置不太一样)，这里的服务器地址就是PC端的IP地址，端口就是上面设置PC端的代理端口8888
经过上面设置，我们手机上的所有请求都会发送到我们PC端指定的端口，而这个端口就是Charles的代理端口。所以，客户端的请求和服务端的响应都会经过Charles，我们通过Charles就可以很方便的看到请求和响应相关的数据啦。
四、实际操作演示
Charles提供了两种查看封包的视图，分别是Structure和Sequence。
1. Structure视图将网络请求按访问的域名分类。
2. Sequence视图将网络请求按访问的时间排序。
我们可以在使用时根据需要随时切换。按照上面介绍配置好，下面就开始演示啦。
第一步，我们打开我们的APP，输入用户名密码，点击登录
第二步（初次使用可能要求我们给予权限，点击允许即可），再看我们的Charles主界面，structure视图中可以看到这次操作的http请求响应信息，并且请求按域名进行了分组
我们可以切换到sequence界面，所有的请求按照请求时间进行排列：
五、Charles的其它功能
5.1 过滤功能
如果不设置过滤，手机上所有APP的网络请求都会被解析，看起来很乱，通常情况下，我们只希望看到客户端对应应用服务器的网络请求，这时就需要对网络请求进行过滤，只监控向指定目录服务器上发送的请求。对于这种需求，我们有2种办法。
1. 在主界面的中部的Filter栏中填入需要过滤出来的关键字。例如我们的服务器的地址是：`http://*.`，那么只需要在`Filter`栏中填入``即可。
2. 在Charles的菜单栏选择`"Proxy"-&"Recording Settings"`，然后选择`Include`栏，选择添加一个项目，然后填入需要监控的协议，主机地址，端口号。这样就可以只截取目标网站的封包了。如下图所示：
5.2 其它功能
1. 支持SSL代理。可以截取分析SSL的请求。
2. 支持流量控制。可以模拟慢速网络以及等待时间（latency）较长的请求。
3. 支持AJAX调试。可以自动将json或xml数据格式化，方便查看。
4. 支持AMF调试。可以将Flash Remoting 或 Flex Remoting信息格式化，方便查看。
5. 支持重发网络请求，方便后端调试。
6. 支持修改网络请求参数。
7. 支持网络请求的截获并动态修改。
8. 检查HTML，CSS和RSS内容是否符合W3C标准
&&相关文章推荐
* 以上用户言论只代表其个人观点，不代表CSDN网站的观点或立场
访问：408212次
积分：4775
积分：4775
排名：第5628名
原创：92篇
转载：12篇
评论：109条
阅读：24257
阅读：1997
文章：10篇
阅读：37513
(1)(1)(5)(5)(5)(9)(3)(1)(4)(12)(9)(1)(1)(1)(1)(5)(2)(4)(10)(7)(3)(5)(7)(1)(3)(1)
gitHub地址：
坐标：浙江杭州}