Charles的安装及使用过程

1、charles的使用

1.1  charles的说明

Charles实际上是一款代理服务器，经过过将本身设置成系统（电脑或者浏览器）的网络访问代理服务器，而后截取请求和请求结果达到分析抓包的目的。该软件是用Java写的，可以在Windows，Mac，Linux上使用。安装Charles的时候要先装好Java环境。

Charles的主要功能：

（1）截取Http 和 Https 网络封包。

（2）支持重发网络请求，方便后端调试。

（3）支持修改网络请求参数。

（4）支持网络请求的截获并动态修改。

（5）支持模拟慢速网络。

1.1.1 charles的下载和安装

一、安装包的下载

（1）进入官网下载地址：http://www.charlesproxy.com/，点击连接下载30天免费试用版本。

 

 

PS：Charles 是收费软件，能够免费试用 30 天。试用期事后，未付费的用户仍然能够继续使用，可是每次使用时间不能超过 30 分钟，而且启动时将会有 10 秒种的延时。所以，该付费方案对广大用户仍是至关友好的，即便你长期不付费，也能使用完整的软件功能。只是当你须要长时间进行封包调试时，会由于 Charles 强制关闭而遇到影响。

（2）安装方法下载破解版，安装便可

安装包地址：https://pan.baidu.com/s/1caploU

破解补丁地址：https://pan.baidu.com/s/1hrRpzda

(1)按照步骤下载安装第一个安装包；

(2)将破解补丁包粘贴到charles的lib文件下，而后将原来的命名为charles的文件替换掉 便可

 

 

1.1.2 charles与手机/电脑的链接

1.1.2.1 charles与手机端的链接

使手机和电脑在一个局域网内，不必定非要是一个ip段，只要是同一个路由器下就能够了。

（1）首先利用cmd -config命令查看本身电脑的ip地址

 

 

（2）而后在手机端的wifi代理设置那里去进行相关的配置设置。

这里的代理服务器地址填写为电脑的ip地址，而后端口这里写8888（这个是charles的默认设置），若是本身修改了就写成本身所修改的端口就能够了。

 

 

配置完成，会看到一个charles与手机端的链接提示弹窗，选择allo便可。

 

 

（3）手机端抓包https

上述一、2步骤，只针对http请求。因为https协议的特殊性，因此要求电脑端和手机端都须要安装下证书，不然会看到返回的数据都是乱码。

a.电脑端证书下载

 

 

b. 手机端证书下载

在设备上打开这个网址 http://www.charlesproxy.com/getssl 安装 Charles SSL 证书。

注意，同一个手机对应不一样电脑上的Charles都要分别下载证书进行认证，由于手机的证书是和电脑端的Charles一一配对的。

 

 

PS：ios手机，须要信任该证书

C.相关配置

选择Proxy | Proxy Settings，弹出proxy设置选项卡，勾选Enable SSL Proxying，在Location部份选择add，按以下图添加，抓取任意站点、443端口的数据。

 

 

1.1.2.2 charles与电脑端的链接

因为charles会自动配置浏览器和工具的代理设置，因此说打开工具直接就已是抓包状态了。直接打开网页就能够了。

 注意：

（1）Charles支持抓去http、https协议的请求，不支持socket。

（网络上的两个程序经过一个双向的通讯链接实现数据的交换，这个链接的一端称为一个socket）

（2）防火墙关掉

1.1.2.3 过滤请求

一般状况下，咱们须要对网络请求进行过滤，只监控向指定目录服务器上发送的请求。对于这种需求，如下几种办法：

方法一：在主界面的中部的Filter栏中填入须要过滤出来的关键字。例如咱们的服务器的地址是：www.baidu.com,那么只须要在 Filter 栏中填入www.baidu.com便可。

 

 

方法二：在Charles的菜单栏选择 “Proxy”->”Recording Settings”，而后选择 Include 栏，选择添加一个项目，而后填入须要监控的协议，主机地址，端口号。这样就能够只截取目标网站的封包了。以下图所示：

 

 

一般状况下，咱们使用方法一作一些临时性的封包过滤，使用方法二作一些常常性的封包过滤。

方法三：在想过滤的网络请求上右击，选择“Focus”，以后在 Filter 一栏勾选上 Focussed 一项，以下图所示：

这种方式能够临时性的，快速地过滤出一些没有经过关键字的一类网络请求。

 

 

1.2.charle的主界面介绍

1.2.1 界面简介

启动后，页面展现以下：

 

 

1.2.2 显示模式

Charles有两种显示模式，stucture 和sequence。支持来回切换。

(1) Structure形式以下图 优势：能够很清晰的看到请求的数据结构，并且是以域名划分请求信息的，能够很清晰的去分析和处理数据。

 

 

（2）Sequence形式以下图 优势：能够看到所有请求，这里的结果以数据请求的顺序来显示，最新的请求显示在最下面

 

 

综上，两种形式各有千秋，structure 适合对单一系列的访问请求从宏观上进行把握，能够快速定位。sequence 适合精肯定位内容，由于每条sequence 都有size，status等属性信息，方便快速定位这条结果的价值.

对于我本身来讲，更倾向于Charles的第一种树状视图，比fiddler的列表视图好的地方在于：屡次刷新后的请求会被概括到树里面，更加一目了然，用fiddler的时候，有点强迫症的同窗，都要点击clear，有木有…

1.2.3 工具条简介

 

 

⑴~⑷ session

Charles有个会话(session，不是指http中的session)的概念，能够理解为浏览器中的tab，这个功能在须要调试多个站点页面时很实用，当你刷新页面的时候，只会在当前session中捕获请求。

(PS：ctrl+N建立个新的session，ctrl+W关闭当前session)

⑸垃圾桶———功能是clear，清理掉全部请求显示信息。

⑹搜索关键字（望远镜的那个）———功能是搜索关键字，也可使用ctrl+f实现，能够设置搜索的范围。

 

 

⑺中止监控

 

 

———功能是领抓去的数据显示或者不显示的设置。 这个本人认为是charles工具很方便的一个，通常都使其为不显示抓取状态，只有当本身测试的时候的先后，在令其为抓取并显示状态。这样能够快准狠的获取到相关本身想要的信息，而没必要在一堆数据请求中去寻找。

⑻开启/中止网速模拟

测试时，会用到网速模拟，具体的在后面功能部分介绍，此处略.....

⑼开启中止断点功能

⑽刷新单个请求

⑾编辑请求

编辑修改功能，能够对下图中的请求信息进行修改，修改完毕后点击Execute就能够发送一个修改后的请求数据包。

⑿校验请求的结果

⒀工具

⒁设置

1.2.4 右键请求菜单

右键请求出现菜单，Charles的右键菜单功能比fiddler强大太多了。

 

 

1.2.5 请求详情

请求详情跟fiddler类似，但直观很多：

 

 

1.2.5.1 overview—请求总览

 

 

（1）URL（统一资源定位符）

https:协议方案名

M.xxx.baidu.com:服务器地址，这里是DNS可解析的名称。同事也能够是ipv4d地址名，还能够是[0:0:0:0:0:0:0:1]这样用方括号括起来的IPV6地址名。

App/getindexPage：带层次的文件路径。指定服务器上的文件路径来定位特指的资源。

URL——请求url的路径、文件和查询字符串

Status——状态是否已完成

Notes——备注

Response Code——响应状态码

Protocol——该seesion使用的协议（Http/https/ftp）

SSLssl——协议版本号

Method——该seesion使用的方法（get/post/put等）

Content-Type——响应的content-type头

Timing ：

Request Start Time——接收到的第一个请求的第一个字节的时间点

Request End Time——发送到客户端的最后一个响应的最后一个字节的时间

Response Start Time——响应开始时间

Response End Time——响应结束时间

Duration——整个请求—响应持续时间

DNS——全部选中的session解析DNS所花费的时间的总和

Connect——全部选中session创建TCP/IP链接所花费的时间总和

Request——请求耗费时间

Response——响应耗费时间

Size 

Request Header——请求头大小

Response Header——响应头大小

Request 

Response 

Total——请求头+响应头字节大小

1.2.5.2 request—请求头

 

 

名词解释：

（1）Appid : 在COM中，安全控制的最小单位是进程，每一个进程都有对应的安全控制策略。进程的安全控制策略保存在注册表中，存储位置为：HKCR\AppID\访问权限、启动权限等安全配置信息。开发COM组件时，能够在COM组件对应的CLSID子键下

新建字符串类型的项，名称：AppID，值：该COM组件所在进程的AppID值。

channel：渠道包来源

Contextuuid:设备惟一标识

1.2.5.3 response—请求结果

Json格式，具体含义参考接口文档。（其中raw是原始数据包的状态）

 

 

1.2.5.4 summary—请求详情，包含加载时间等

 

 

1.2.5.5 时间线图表

 

 

1.3 经常使用的功能

1.3.1 模拟网速功能

在线上环境一般有些由于网速慢致使的bug，在本机没法重现，那时候就很抓瞎，若是嫌远程麻烦，推荐使用throttle。

支持对Bandwidth(带宽)、Utilistation(利用百分比)、Round-trip(往返延迟)、MTU(字节)进行配置，而且支持3G/4G或者其余网络模式。

！若是咱们只想模拟指定网站的慢速网络，能够再勾选上图中的“Only for selected hosts”项，而后在对话框的下半部分设置中增长指定的 hosts 项便可。

 

 

ADSL：属于DSL技术的一种，全称Asymmetric Digital Subscriber Line（ 非对称数字用户线路），亦可称做非对称数字用户环路。是一种新的数据传输方式。

VDSL：是一种非对称DSL技术，全称Very High Speed Digital Subscriber Line （超高速数字用户线路）。和ADSL技术同样，VDSL也使用双绞线进行语音和数据的传输。VDSL是利用现有电话线上安装VDSL，只需在用户侧安装一台VDSL modem。最重要的是，无须为宽带上网而从新布设或变更线路。

Isdn：综合业务数字网（Integrated Services Digital Network，ISDN）是一个数字电话网络国际标准，是一种典型的电路交换网络系统。在ITU的建议中，ISDN是一种在数字电话网IDN的基础上发展起来的通讯网络，ISDN可以支持多种业务，包括电话业务和非电话业务。

1.3.2修改网络请求内容

Charles能够方便地提供网络请求的修改和重发功能。这也能够解决咱们，为了修改谋其格请求，或者反复尝试不一样参数的网络请求的需求。方法是：只须要在以往的网络请求上点击右键，选择 “Edit”/点击铅笔图标，便可建立一个可编辑的网络请求。以下所示：

 

 

咱们能够修改该请求的任何信息，包括URL地址、端口、参数等，以后点击 “Execute” 便可发送该修改后的网络请求（以下图所示）。Charles 支持咱们屡次修改和发送该请求。

 

 

1.3.3 重复发送网络请求

（1）Repeat：此功能此功能对于测试同窗特别有用，能够检验接口的健壮性。对于前端的价值是不须要刷新页面，只须要repeat请求，好比检验代理是否成功，修改请求后执行等。使用方法：选择请求后，右击Repeat就是重复发送一次请求。 

（2）Advanced Repeat能够自定义重复次数和重复间隔，重复发送屡次请求。能够来简单地测试服务器的并发处理能力，方法以下：咱们在想打压的网络请求上（POST或 GET 请求都可）右击，而后选择 「Repeat Advanced」菜单项。而后在弹出的对话框中，选择打压的并发线程数以及打压次数，肯定以后，便可开始打压。（iteration:迭代次数，Concurrency:并发数,repeat为时间间隔）。

 

 

1.3.4 修改服务器返回内容

有些时候咱们想让服务器返回一些指定的内容，方便咱们调试一些特殊状况。例如列表页面为空的状况，数据异常的状况，部分耗时的网络请求超时的状况等。若是没有Charles，要服务器配合构造相应的数据显得会比较麻烦。这个时候，使用 Charles 相关的功能就能够知足咱们的需求。

根据具体的需求，Charles提供了 Map 功能、 Rewrite 功能以及 Breakpoints 功能，均可以达到修改服务器返回内容的目的。这三者在功能上的差别是：

△Map功能适合长期地将某一些请求重定向到另外一个网络地址或本地文件。

△Rewrite功能适合对网络请求进行一些正则替换。

△Breakpoints功能适合作一些临时性的修改。

1.3.4.1 MAL

在Charles的菜单中，选择 “Tools”->”Map Remote” 或 “Map Local” 便可进入到相应功能的设置页面。

（1）map remote

对于Map Remote功能，咱们须要分别填写网络重定向的源地址和目的地址，对于不须要限制的条件，能够留空。

 

 

（2）map local

对于Map Local功能，咱们须要填写的重定向的源地址和本地的目标文件。对于有一些复杂的网络请求结果，咱们能够先使用 Charles 提供的 “Save Response…” 功能，将请求结果保存到本地（以下图所示），而后稍加修改，成为咱们的目标映射文件。

方法是：

1.请求右键—save response，而后另存在本身电脑的某个位置（文件属性必须为.txt）

2.请求右键/tools—MAPlocal，而后添加你刚才保存的文件，点击OK保存

 

 

3.右键请求，选择repeat

4.从新刷新app的页面，会看到数据已经修改过来了。

5.去掉代理配置：取消勾选Tools—Maplocal便可

 

 

1.3.4.2  Rewrite

Map Local在使用的时候，有一个潜在的问题，就是其返回的 Http Response Header 与正常的请求并不同。这个时候若是客户端校验了 Http Response Header 中的部份内容，就会使得该功能失效。解决办法是同时使用 Map Local 如下面提到的 Rewrite 功能，将相关的 Http 头 Rewrite 成咱们但愿的内容。

Rewrite功能功能适合对某一类网络请求进行一些正则替换，以达到修改结果的目的。

例如：咱们的客户端有一个API请求是得到用户昵称，而我当前的昵称是 “XXXX”。咱们想试着直接修改网络返回值，将“XXXX”替换成“测试测试下”。

步骤是：

1.选中请求，而后在Tools—右键选择rewrite功能；

2.在弹出的提示弹窗中，选择add-rules

 

 

3.完成设置以后，右键请求，选择 repeat。而后咱们就能够从 Charles 中看到，以后的 API 得到的昵称被自动 Rewrite 成了 测试测试下，以下图所示：

 

 

1.3.5 断点功能（Breakpoints）

上面提供的Rewrite功能最适合作批量和长期的替换，可是不少时候，咱们只是想临时修改一次网络请求结果，这个时候，使用 Rewrite 功能虽然也能够达到目的，可是过于麻烦，对于临时性的修改，咱们最好使用 Breakpoints 功能。

Breakpoints，当指定的网络请求发生时，Charles 会截获该请求，这个时候，咱们能够在 Charles 中临时修改网络请求的返回内容。

Charles可以断到发送请求前(篡改Request)和请求后(篡改Response)。

使用断点修改请求的弊端是，若是开发设置了请求超时时间，那么修改的速度慢了每每即便返回了也没有效果，因此实际测试中使用此方法的场景并很少。

这里以将个人券金额修改成13.00元为例：

（1） 针对接口右键选择"BreakPoints",这样这个接口就被加入到断点状态了；

 

 

（2）须要进一步修改断点的属性，能够在菜单栏"Proxy"–>"Breakpoints Settings"里进行添加删除或者修改，而且能够选择这个断点是在request仍是response，仍是二者都要。这里只是修改response

 

 

(3)刷新app界面，跳转到断点模版，这个时候你能够在对应状态状况下修改request或者response,而后点击下方按钮“Execute”。点开Edit Response界面，选择JSON格式，格式清晰，方便修改，直接在上面进行数据修改，改为你想要测试的数据，而后点击执行按钮

 

 

(4)再次刷新app界面，而后app返回的是新改的数据，根据返回数据测试客户端显示是否正确

 

 

1.3.6 查看链接本机charles代理的ip

 

 

这里能够看到链接本身charles代理的IP，针对某些不须要的/未知用户，点击remove便可

1.3.7 设置请求的黑名单

不想某些请求发起，直接返回404，能够用黑名单。选择Tools-Blacklist，设置以下图：

 

做者：夏天的吃瓜群众 连接：https://www.jianshu.com/p/fb2bdde5b498 來源：简书 简书著做权归做者全部，任何形式的转载都请联系做者得到受权并注明出处。