企业官网建设流程全解析

Charles 使用教程

一、Charles 安装

Charles官方下载地址：
https://www.charlesproxy.com/download/

根据你当前系统选择其中一个下载就可以了

不需要设置特别的东西，一直点击next即可安装成功

二、Charles 界面

二、对APP进行抓包

抓包准备

以 ios 端为例

1. 打开 Charles ，在 Charles 的菜单栏上点击 Hellp-> Local IP addresses 打开 Charles 运行所在电脑的IP 地址,用于网络代理，告诉手机需要主动找到并告诉电脑：“请帮我转发我的网络请求”。
   

2. 打开 Charles，查看本机代理端口，在 Charles 的菜单栏上点击 Proxy ->Proxy Settings，在 HTTP Proxy 框内设置端口号，注意勾选Support HTTPS/2和Enable transparent HTTP proxying
   

3. 安装移动端证书，打开 Charles，在 Charles 的菜单栏上点击 Hellp-> SSL proxying -> install charles Root Certificate on a mobile device or remote browser,弹出提示框，上面有代理的IP与端口，以及下载证书的地址,点击OK
   

4. 打开IOS手机，点击你连接的无线局域网，下拉到HTTP代理的位置，点击配置代理将配置代理修改为手动，依次输入1阶段 Charles 运行所在电脑的IP 地址和 2阶段 的本机代理端口后点击保存岂可

5. 保存完后点击任意需要网络通信的程序， Charles 会弹出设备连接请求提示框,一定要点击Allow

验证抓包

这边以抓包 igpsport App为例

1. 打开手机，打开 igpsport ,看到包含 igpsport 的地址点击后可以查看到抓包详细
   

对于抓包具体内容的认识，推荐你可以看这篇博客HTTP 协议基本格式与 Fiddler 抓包工具实战指南

三、对Web端抓包

1. 打开 Charles，首先安装证书并且信任，在 Charles 的菜单栏上点击 Hellp-> SSL proxying -> install charles Root Certificate，依次点击 安装证书 -> 下一步 -> 浏览 -> 受信任的根证书颁发机构 -> 确定 -> 点击完成，再次打开install charles Root Certificate-> 证书路径，如果证书状态一栏显示该证书没有问题。 则表示成功安装证书且信任。

2. 设置SSL，以确保可以抓取到https协议的请求，在 Charles 的菜单栏上点击 Proxy -> SSL proxying settings··· -> 点击 + -> 将 Host和Port 填写为 “ * ”, 确保不限制任何地址。
   

验证抓包

web端 抓包和 app端抓包是一样的，直接点击想要抓包的请求就可以了

二、常用功能

Focus

如果一下子出现了很多请求，眼睛看都要看花了,我们可以使用网络请求过滤 “Focus”,只显示我们需要的请求。

• 这里以 baidu 为例：
  打开 Charles 和浏览器后输入 www.baidu.com ，在Charles中 找到相应的请求，鼠标右键 勾选 “Focus”，即可看到此网站独立出来了，除百度以外集中在"Unfocused"，点击后即可查看。
  

如果想取消请求过滤，鼠标右键 取消勾选 “Focus” 即可

模拟弱网

在 Charles 的菜单栏上点击 Proxy -> Throttle Setting，进入详细设置页面