Charles：移动端抓包 / windows客户端 iOS手机 / 手机访问PC本地项目做调试

不念不忘少年蓝@ 2024-02-24 08:16 350阅读 0赞

#### 一、背景描述 ####

1.1、本文需求：移动端进行抓包调试

1.2、理解Charles可以做什么

Charles是一款跨平台的网络代理软件，可以用于捕获和分析网络流量，对HTTP、HTTPS、HTTP/2等协议进行调试和监控。使用Charles可以帮助开发人员进行Web开发、调试和测试，同时也可以用于网络安全和隐私保护等方面。

1、捕获和分析网络流量，包括HTTP、HTTPS、WebSocket等数据流。  
2、模拟网络环境，如降低带宽、网络延迟等。  
3、修改请求和响应数据，包括添加、修改、删除请求头、响应头和正文数据等。  
4、编辑和重放网络流量，用于测试和验证Web应用程序的可靠性和安全性。  
5、过滤和搜索网络流量，方便用户快速定位相关数据。  
6、支持远程代理，可以将Charles设置为代理服务器，通过远程连接实时监控和分析网络流量。

#### 二、 windows客户端Charles配置 ####

[Charles下载地址][Charles]

#### 2.1、系统介绍 ####

Windows 10 家庭中文版

版本号 22H2

#### 2.2、Proxy 配置 ####

Proxy --> Proxy Settings

![17aff6ce3c0148afb19e1ae2a8fdd568.png][]

Port 8888 ， 勾选 Enable transparent HTTP proxying ， 点击OK

![e014e31afd2746e6bdc573322a97a781.png][]

#### 2.3、Charles PC 端 SSL （https）配置 ####

2.3.1、Help --> SSL Proxying --> Install Charles Root Certificate

![b3c74800bdc94cb3a894aca471e85635.png][]

2.3.2、安装证书

![5f06fa0487574bcdbfd1a3a88abb649a.png][]

2.3.3、本地计算机 --> 下一步

![83ca019a35ae4618b5dd47b3b125f982.png][]

2.3.4、将所有的证书都放入下列存储（P）--> 浏览 --> 受信任的跟证书颁发机构 --> 确定

![b4da956c0a6e46dc84beb2d129ad67c8.png][]

2.3.5、下一步

![e8cc09e4f2014911b5ae1e056e6d52c9.png][]

2.3.6、完成

![3ab8c2211e2942f39c8a21c13a29e1aa.png][]

2.3.7、代理设置

![497d4c73d13f476d83d288d2941c865d.png][]

2.3.8、port

![effd685263cd4173a98d190b3d7f7c3d.png][]

![81b0e4c415584078beebec923a853a73.png][]

#### 三、iOS手机端配置 ####

#### 3.1、系统介绍 iOS手机系统 17.0.3 ####

#### 3.2、网络配置 ####

3.2.1、无线局域网

![fcfededac0b2419ba8f5a4e88dd4f954.png][]

3.2.2、手机须与PC连接同一无线网，点击 “叹号”

![79bf3e69adbe4685a056b77c0b715b34.png][]

3.2.3、点击代理配置

![d0c3aa8433c04562b7cbbb0f2f4af761.png][]

3.2.4、选择手动，服务器 输入 pc的 ip 地址，端口 8888

服务器ip地址可以在Charles --> Help --> Local IP Address 找到

![626fa4013fc040c38b6c5c6409a19509.png][]

3.2.5、手机连接成功后，pc出现弹窗，点击 allow （允许）

![75f3074cf9ba40b8932d955f4d59c70c.png][]

#### 3.3、iOS手机安装证书 ####

3.3.1、打开safari浏览器，地址栏输入chls.pro/ssl ，点击允许

![58c37fef3c844f1a9de26db3b07c6861.png][]

![413499527138438499e4a8c128be2a69.png][]

3.3.2、iOS手机设置 --> 通用 --> VPN与设备管理

![904de373ca9b4f00b27da9eb3774cdc5.png][]

![26f3397aea5945fb81c90e51dbdabd46.png][]

3.3.3、安装

![11c506f089f6422f9fa81ef7fc796d0d.png][]

![20eda117316748a3998542b25e3b385b.png][]

3.3.4、点完成

![e1bf8db5e1884289af378b095fd4698b.png][]

#### 四、iOS手机端测试 ####

#### 4.1、safari浏览器打开baidu.com ####

![0f92144a814846539e502b1350d085ec.jpeg][]

#### 4.2、Charles查看请求 ####

![f4a5c119da7743459cd89239e26daa11.png][]

#### 4.3、测试成功，Charles可以给手机浏览器抓包了。 ####

网页、APP、微信小程序...均测试成功。

#### 五、手机访问电脑端本地服务的项目 ####

5.1、Tools --> Map Remote

![7a33b7caf24f4568b6d35c6faa1ec372.png][]

5.2、勾选 Enable Map Remote ， 点击 Add

![ecb5f5b8377d493ab12ddf91b9b37e28.png][]

5.3、from 是 访问地址，to 是 目标地址（pc端本地服务的项目）

![c94aa606586a440388435a77716ec102.png][]

5.4、手机浏览器 访问 mt.ht.com 即 访问 pc 端 localhost:3000

访问成功

#### 六、过程记录 ####

#### 6.1、Charles为什么需要添加证书 ####

Charles添加证书是为了进行HTTPS请求的监控。  
Charles作为一个中间人的角色，当客户端发起HTTPS请求时，返回的证书是Charles的，然后Charles会拿着客户端的请求信息去和真正的服务端交互。这样可以让客户端看到请求的信息和返回的结果。

#### 6.2、Charles试用期多长时间，试用期结束后还可以使用吗 ####

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

#### 七、欢迎交流指正。 ####

[Charles]: https://www.charlesproxy.com/latest-release/download.do
[17aff6ce3c0148afb19e1ae2a8fdd568.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/24/bf76dc72c2b74c04a8fe90debd631d42.png
[e014e31afd2746e6bdc573322a97a781.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/24/0bbd3991ba554661a09aaa86368379fe.png
[b3c74800bdc94cb3a894aca471e85635.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/24/f7b210a274a14d3cb7d50c267136bdb2.png
[5f06fa0487574bcdbfd1a3a88abb649a.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/24/16e4c118bdbd46d5ac0f7663ddd05051.png
[83ca019a35ae4618b5dd47b3b125f982.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/24/9b6792af0bfd405885bd514870a5275a.png
[b4da956c0a6e46dc84beb2d129ad67c8.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/24/37e49146194b4ab986eb4a791be9320d.png
[e8cc09e4f2014911b5ae1e056e6d52c9.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/24/16bce638ed614d6698525b3957649755.png
[3ab8c2211e2942f39c8a21c13a29e1aa.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/24/52b8a0ae8f8c4187a815404d574cd28a.png
[497d4c73d13f476d83d288d2941c865d.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/24/d24c0360ec88477f8dbeef1f894dc4ad.png
[effd685263cd4173a98d190b3d7f7c3d.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/24/b6e5a923ba8149dea1a0de8c42f3731c.png
[81b0e4c415584078beebec923a853a73.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/24/9436022068d04433b32fe977ad62a980.png
[fcfededac0b2419ba8f5a4e88dd4f954.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/24/3ca85ee26fb64c138b68214153ec33da.png
[79bf3e69adbe4685a056b77c0b715b34.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/24/a3c67bf333bb454bb9c422fbec734a4b.png
[d0c3aa8433c04562b7cbbb0f2f4af761.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/24/f7a94c1ff3134bd9943c8728203af76f.png
[626fa4013fc040c38b6c5c6409a19509.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/24/b2e822c4012848d2a6f7ebd5a5b3da6c.png
[75f3074cf9ba40b8932d955f4d59c70c.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/24/4fa3af253f5b4437b4fcec4f0478ff5a.png
[58c37fef3c844f1a9de26db3b07c6861.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/24/bb93f7321be14839be677dc50ca162fe.png
[413499527138438499e4a8c128be2a69.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/24/ba1d1591c8a54496ab3a6e2c14fce825.png
[904de373ca9b4f00b27da9eb3774cdc5.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/24/2f2e112bfbad4afebb1ef388394728c1.png
[26f3397aea5945fb81c90e51dbdabd46.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/24/1e32e188acb94483af5c8fa101e8d73d.png
[11c506f089f6422f9fa81ef7fc796d0d.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/24/b9f294a3ff5042ce8bea68656bbd1261.png
[20eda117316748a3998542b25e3b385b.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/24/16e68265744440e983ee72c3bc7548e0.png
[e1bf8db5e1884289af378b095fd4698b.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/24/f8508c62814b44a68a50deb7e0e1b18a.png
[0f92144a814846539e502b1350d085ec.jpeg]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/24/558cfce279094e7198683bcf7f86d61a.png
[f4a5c119da7743459cd89239e26daa11.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/24/4a303f8dcb7a432a8fee5b93e8a56250.png
[7a33b7caf24f4568b6d35c6faa1ec372.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/24/c2a6dabfcb7941659558cd2adf5326a3.png
[ecb5f5b8377d493ab12ddf91b9b37e28.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/24/9d758f897a374e59927f70bb300bfa70.png
[c94aa606586a440388435a77716ec102.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/24/fd0b7918f2d04181aee5735041a54e47.png