小墨の博客

梦想需要付诸行动,否则只能是梦

【转载】Charles 功能介绍和使用教程

原文链接:https://juejin.cn/post/6844903665304600589


Charles 简介

Charles 是在 PC 端常用的网络封包截取工具,在做移动开发时,我们为了调试与服务器端的网络通讯协议,常常需要截取网络封包来分析。除了在做移动开发中调试端口外,Charles 也可以用于分析第三方应用的通讯协议。配合 Charles 的 SSL 功能,Charles 还可以分析 Https 协议。

Charles 通过将自己设置成系统的网络访问代理服务器,使得所有的网络访问请求都通过它来完成,从而实现了网络封包的截取和分析。

Charles 是收费软件,可以免费试用 30 天。试用期过后,未付费的用户仍然可以继续使用,但是每次使用时间不能超过 30 分钟,并且启动时将会有 10 秒种的延时。因此,该付费方案对广大用户还是相当友好的,即使你长期不付费,也能使用完整的软件功能。只是当你需要长时间进行封包调试时,会因为 Charles 强制关闭而遇到影响。

Charles 主要的功能包括:

  • 截取 Http 和 Https 网络封包。

  • 支持重发网络请求,方便后端调试。

  • 支持修改网络请求参数。

  • 支持网络请求的截获并动态修改。

  • 支持模拟慢速网络。

下载安装 Charles


Charles 支持的操作系统包括:


  • Windows 64 bit(msi)

  • Windows 32 bit(msi)

  • macOS(dmg)

  • Linux 64 bit(tar.gz)

  • Linux 32 bit(tar.gz)

打开浏览器访问 Charles 官网 ,下载相应系统的 Charles 安装包,然后安装即可:

  • Windows: 运行安装应用程序以在程序菜单中安装 Charles。

  • Mac OS X: 通过双击解压缩下载文件,然后将 Charles 应用程序复制到 Applications 目录中。

  • Linux: Charles 拥有 APTYUM 存储库,如果你有基于 Debian 或基于 Red Hat 的 Linux 发行版,这是安装 Charles 的首选方法。否则,将 tar.gz 文件解压缩到适当的站点。如果您以前安装过 Charles 并且正在进行升级;首先确保 Charles 没有运行,然后安装或复制在以前安上。通过运行 bin/charles 脚本启动 Charles。

如果使用 Firefox,也可以下载 Firefox 插件。参考Firefox Add-On

Charles 主界面介绍

Charles 的主界面视图如下图所示:


工具导航栏

Charles 顶部为菜单导航栏,菜单导航栏下面为工具导航栏。视图如下图所示:

工具导航栏中提供了几种常用工具:


  • :清除捕获到的所有请求

  • :红点状态说明正在捕获请求,灰色状态说明目前没有捕获请求。

  • :灰色状态说明是没有开启网速节流,绿色状态说明开启了网速节流。

  • :灰色状态说明是没有开启断点,红色状态说明开启了断点。

  • :编辑修改请求,点击之后可以修改请求的内容。

  • :重复发送请求,点击之后选中的请求会被再次发送。

  • :验证选中的请求的响应。

  • :常用功能,包含了 Tools 菜单中的常用功能。

  • :常用设置,包含了 Proxy 菜单中的常用设置。

主界面视图

Charles 主要提供两种查看封包的视图,分别名为 StructureSequence

  • Structure: 此视图将网络请求按访问的域名分类。

  • Sequence: 此视图将网络请求按访问的时间排序。

使用时可以根据具体的需要在这两种视图之前来回切换。请求多了有些时候会看不过来,Charles 提供了一个简单的 Filter 功能,可以输入关键字来快速筛选出 URL 中带指定关键字的网络请求。

对于某一个具体的网络请求,你可以查看其详细的请求内容和响应内容。如果请求内容是 POST 的表单,Charles 会自动帮你将表单进行分项显示。如果响应内容是 JSON 格式的,那么 Charles 可以自动帮你将 JSON 内容格式化,方便你查看。如果响应内容是图片,那么 Charles 可以显示出图片的预览。

Charles 菜单介绍

Charles 的主菜单包括:FileEditViewProxyToolsWindowHelp。用的最多的主菜单分别是 ProxyTools

Proxy 菜单

Charles 是一个 HTTP 和 SOCKS 代理服务器。代理请求和响应使 Charles 能够在请求从客户端传递到服务器时检查和更改请求,以及从服务器传递到客户端时的响应。下面主要介绍 Charles 提供的一些代理功能。Proxy 菜单的视图如下图所示:


Proxy 菜单包含以下功能:

  • Start/Stop Recording:开始/停止记录会话。

  • Start/Stop Throttling:开始/停止节流。

  • Enable/Disable Breakpoints:开启/关闭断点模式。

  • Recording Settings:记录会话设置。

  • Throttle Settings:节流设置。

  • Breakpoint Settings:断点设置。

  • Reverse Proxies Settings:反向代理设置。

  • Port Forwarding Settings:端口转发。

  • Windows Proxy:记录计算机上的所有请求。

  • Proxy Settings:代理设置。

  • SSL Proxying Settings:SSL 代理设置。

  • Access Control Settings:访问控制设置。

  • External Proxy Settings:外部代理设置。

  • Web Interface Settings:Web 界面设置。

Recording Settings(记录会话设置)

Recording Settings 和 Start/Stop Recording 配合使用,在 Start Recording 的状态下,可以通过 Recording Settings 配置 Charles 的会话记录行为。Recording Settings 的视图如下图所示:

Recording Settings 有 OptionsIncludeExclude 三个选项卡:


  • Options:通过 Recording Size Limits 限制记录数据的大小。当 Charles 记录时,请求、响应头和响应体存储在内存中,或写入磁盘上的临时文件。有时,内存中的数据量可能会变得太多,Charles 会通知您并停止录制。在这种情况下,您应该清除 Charles 会话以释放内存,然后再次开始录制。在录制设置中,您可以限制 Charles 将记录的最大大小; 这根本不会影响你的浏览,Charles 仅会停止录制。

  • Include:只有与配置的地址匹配的请求才会被录制。

  • Exclude:只有与配置的地址匹配的请求将不会被录制。

IncludeExclude 选项卡的操作相同,选择 Add,然后填入需要监控的Procotol、Host 和 Port等信息,这样就达到了过滤的目的。如下图所示:

还有一种方法就是在一个请求网址上右击选择 Focus,然后其他的请求就会被放到一个叫 Other Host 的分类里面,这样也达到了过滤的目的。


Throttle Settings(节流设置)

Throttle Settings 和 Start/Stop Throttling 配合使用,在 Start Throttling 的状态下,可以通过 Throttle Settings 配置 Charles 的网速模拟配置。Throttle Settings 的视图如下图所示:

勾选 Enable Throttling 启用网速模拟配置,在 Throttle Preset 下选择网络类型即可,具体设置可以根据实际情况自行设置。如果只想模拟指定网站的慢速网络,可以再勾选上图中的 Only for selected hosts 项,然后在对话框的下半部分设置中增加指定的 hosts 项即可。


Throttle Settings 视图中的选项含义如下:

  • Bandwidth:带宽

  • Utilistation:利用百分比

  • Round-trip:往返延迟

  • MTU:字节

Breakpoint Settings(断点设置)

Breakpoint Settings 和 Enable/Disable Breakpoints 配合使用,在 Enable Breakpoints 的状态下,可以通过 Breakpoint Settings 配置 Charles 的断点模式。Breakpoint Settings 的视图如下图所示:

勾选 Enable Breakpoints 启用断点模式,选择 Add,然后填入需要监控的Scheme、Procotol、Host 和 Port 等信息,这样就达到了设置断点的目的。然后可以来观察或者修改请求或者返回的内容,但是在这过程中需要注意请求的超时时间问题。或者可以在某个想要设置断点的请求网址上右击选择 Breakpoints 来设置断点。


Reverse Proxies Settings(反向代理设置)

反向代理在本地端口上创建 Web 服务器,该端口透明地将请求代理给远程 Web 服务器。反向代理上的所有请求和响应都可以记录在 Charles 中。

如果您的客户端应用程序不支持使用 HTTP 代理,或者您希望避免将其配置为使用代理,那么反向代理很有用。创建原始目标 Web 服务器的反向代理,然后将客户端应用程序连接到本地端口; 反向代理对客户端应用程序是透明的,使您可以查看 Charles 以前可能无法访问的流量。

有关反向代理的更多信息,请访问 Reverse proxy

Port Forwarding Settings(端口转发)

可以将任何 TCP/IPUDP 端口配置为使用 Port Forwarding 工具从 Charles 转发到远程主机。这样可以调试 Charles 中的任何协议。

在 Macromedia Flash 中调试 XMLSocket 连接时,这尤其有用。

还可以使用 Charles 作为 SOCKS 代理,因此无需设置端口转发。

Windows Proxy(记录计算机上的所有请求)

如果想要抓取电脑端的请求,勾选 Windows Proxy 选项即可;如果只需要抓取手机请求,则取消勾选这个选项。

Proxy Settings(代理设置)

Proxy Settings 的视图如下图所示:

代理端口默认为 8888(可以修改),并且勾上 Enable transparent HTTP proxying 就完成了在 Charles 上的代理设置。


SSL Proxy Settings(SSL 代理设置)

SSL Proxy Settings 的视图如下图所示:

勾上 Enable SSL proxying 就完成了在 Charles 上的 SSL 代理设置。之后也可以选择 Add,然后填入需要监控的 Host 和 Port 信息,这样就达到了针对某个域名启用 SSL 代理的目的。


Access Control Settings(访问控制设置)

Access Control Settings 表示访问控制设置。访问控制列表确定谁可以使用此 Charles 实例。通常,您在自己的计算机上运行 Charles,并且您只打算自己使用它,因此 localhost 始终包含在访问控制列表中。也可以选择 Add,然后填入允许访问的 IP,这样就达到了允许某个 IP 访问 Charles 的目的。

External Proxy Settings(外部代理设置)

External Proxy Settings 表示外部代理设置。可能在网络上有一个代理服务器,必须使用该代理服务器才能访问 Internet。在这种情况下,需要将 Charles 配置为在尝试访问 Internet 时使用现有代理。

可以配置单独的代理地址和端口:

  • HTTP

  • HTTPS

  • SOCKS

如果您有 SOCKS 代理,Charles 将把它用于所有非 HTTP(S) 流量,例如端口转发。

Web Interface Settings(Web 界面设置)

Web Interface Settings 表示 Web 界面设置。Charles 有一个 Web 界面,可以让您从浏览器控制 Charles,或使用 Web 界面作为 Web 服务使用外部程序。

在 External Proxy Settings 视图中勾选 Enable the web interface 选项启用 Web 界面。可以允许匿名访问,也可以配置用户名和密码。还可以通过在配置使用 Charles 作为其代理的 Web 浏览器中访问 http://control.charles/ 来访问 Web 界面。

Web界面提供对以下功能的访问:

  • 节流控制

    • 激活或停用任何已配置的限制预设

  • 录音控制

    • 开始和停止会话录制

  • 工具

    • 激活和停用工具

  • 会话控制

    • 清除当前会话

    • 以任何支持的格式导出当前会话

    • 以 Charles 的本机会话格式下载当前会话

  • 退出查尔斯

通过检查 Web 界面 HTML ,您可以推导出如何将其用作 Web 服务来自动化 Charles。

Tools 菜单

Charles 是一个 HTTP 和 SOCKS 代理服务器,所有的请求都会经过 Charles。下面主要介绍 Charles 提供的一些实用工具。Tools 菜单的视图如下图所示:


Tools 菜单包含以下功能:

  • No Caching Settings:禁用缓存设置。

  • Block Cookies Settings:禁用 Cookie设置。

  • Map Remote Settings:远程映射设置。

  • Map Local Settings:本地映射设置。

  • Rewrite Settings:重写设置。

  • Black List Settings:黑名单设置。

  • White List Settings:白名单设置。

  • DNS Spoofing Settings:DNS 欺骗设置。

  • Mirror Settings:镜像设置。

  • Auto Save Settings:自动保存设置。

  • Client Process Settings:客户端进程设置。

  • Compose:编辑修改。

  • Repeat:重复发包。

  • Repeat Advanced:高级重复发包。

  • Validate:验证。

  • Publish Gist:发布要点。

  • Import/Export Settings:导入/导出设置。

  • Profiles:配置文件。

  • Publish Gist Settings:发布要点设置。

No Caching Settings(禁用缓存)

No Caching 工具可防止客户端应用程序(如 Web 浏览器)缓存任何资源。因此,始终向远程网站发出请求,您始终可以看到最新版本。

适用范围

该工具可以作用于每个请求(选中 Enable No Caching 即可),也可以仅对你配置的请求启用(启用 No Caching 的同时,请选中 Only for selected locations)。当用于选定的请求时,可以使用简单但功能强大的模式匹配将工具的效果限制为指定的主机和路径。

工作原理

No Caching 工具通过操纵控制响应缓存的 HTTP 请求头来防止缓存。从请求中删除 If-Modified-Since 和 If-None-Match 请求头,添加 Pragma:no-cache 和 Cache-control:no-cache。从响应中删除 Expires,Last-Modified 和ETag 请求头,添加 Expires:0 和 Cache-Control:no-cache。

Block Cookies Settings(禁用 Cookie)

Block Cookies 工具阻止了 Cookie 的发送和接收。它可用于测试网站,就像在浏览器中禁用了 Cookie 一样。 请注意,网络爬虫(例如 Google)通常不支持 Cookie,因此该工具还可用于模拟网络爬虫网站的视图。

适用范围

该工具可以作用于每个请求(选中 Enable Block Cookies 即可),也可以仅对你配置的请求启用(启用 Block Cookies 的同时,请选中 Only for selected locations)。当用于选定的请求时,可以使用简单但功能强大的模式匹配将工具的效果限制为指定的主机和路径。

工作原理

Block Cookies 工具通过操纵控制响应 Cookies 的 HTTP 请求头来禁用 Cookies。从请求中移除 Cookie 请求头,防止 Cookie 值从客户端应用程序(例如 Web 浏览器)发送到远程服务器。从响应中删除 Set-Cookie 请求头,防止请求设置客户端应用程序从远程服务器接收的 Cookie。

Map Remote Settings(远程映射)

Map Remote 工具根据配置的映射更改请求站点,以便从新站点透明地提供响应,就好像这是原始请求一样。

通过此映射,您可以从另一个站点提供全部或部分站点。例如:

  • 可以把 xk72.com/charles/ 映射到 localhost/charlesdev/ 来为 xk72.com 提供一个子目录;

  • 可以把 xk72.compadding-top: 3px;padding-bottom: 1px;padding-left: 20px;padding-right: 20px;}

    张小弟之家

    本文链接:
    文章标题:

    本站文章除注明转载/出处外,均为原创,若要转载请务必注明出处。转载后请将转载链接通过邮件告知我站,谢谢合作。本站邮箱:admin@only4.work

    尊重他人劳动成果,共创和谐网络环境。点击版权声明查看本站相关条款。

    发表评论:

    搜索
    本文二维码
    标签列表
    站点信息
    • 文章总数:509
    • 页面总数:20
    • 分类总数:92
    • 标签总数:208
    • 评论总数:62
    • 浏览总数:228531

    | | |