Mac Charles 抓包工具使用

822 阅读2分钟

image.png

前言

抓包,前端必备技能之一,在移动端应用排查问题,得力助手

本文主要场景是Mac

介绍

Charles (官网:www.charlesproxy.com/)

Charles是HTTP代理/ HTTP监视器/反向代理,使开发人员可以查看其计算机与Internet之间的所有HTTP和SSL / HTTPS通信。这包括请求,响应和HTTP标头(其中包含cookie和缓存信息)。

image.png

使用

安装

官网直接 download (www.charlesproxy.com/download/)按…

image.png

配置

1. 网络配置

  • 抓包需要自己的电脑和待抓包的移动端设备连接同一个网络,如501。
  • windows打开命令提示符,输入ipconfig,找到你连接的网络,查看此时ip地址。
  • mac点击右上角的无线网标识的菜单,然后选择“打开无线网网络偏好”,在wi-fi栏中查看自己连接该无线网的IP地址即可。

image.png

2. 手机代理设置

  • 打开手机,连接和电脑同一个网络,然后长摁或者点击已连接网络的功能菜单,会显示网络信息,有个代理的选项,部分机型需要长摁已连接的网络---修改网络—高级中修改。

image.png

  • 点击该代理选项,输入步骤d中的电脑的内网地址,然后点击charles的菜单的proxy—proxy setting的Proxies查看Port端口,即charles代理的端口号,默认为8888。

  • 设置完毕后,访问龙信触发任何网络请求后会提示有个英文提示窗,大概意思为有个设备要接入charles是否允许接入?点击Allow即可。

image.png

3. 手机证书

  • 打开手机浏览器,输入chls.pro/ssl,下载证书
  • ios提示下载一个扫描文件,点击允许后,打开ios的设置--通用--描述文件与设置管理--提示有个下载,点击下载–安装即可。证书名称开头为Charles Proxy,然后点击通用--关于本机–证书信任设置开启Charles即可。

4. Charles安装Https证书

首先打开顶部Charles菜单:Help-->SSL Proxying,可以看到有很多选项 选择Install Charles Root Certificate,也就是安装Charles的根证书 在打开的钥匙串里面,选择Charles Proxy CA,双击打开,选择始终信任即可

image.png

image.png

5. 若需要抓https的请求信息,

  • 点击功能栏中的Proxy–--ssl proxy setting----输入要抓的https的域名和端口即可。

6. 大功告成

image.png