前言
抓包,前端必备技能之一,在移动端应用排查问题,得力助手
本文主要场景是Mac
介绍
Charles (官网:www.charlesproxy.com/)
Charles是HTTP代理/ HTTP监视器/反向代理,使开发人员可以查看其计算机与Internet之间的所有HTTP和SSL / HTTPS通信。这包括请求,响应和HTTP标头(其中包含cookie和缓存信息)。
使用
安装
官网直接 download (www.charlesproxy.com/download/)按…
配置
1. 网络配置
- 抓包需要自己的电脑和待抓包的移动端设备连接同一个网络,如501。
- windows打开命令提示符,输入ipconfig,找到你连接的网络,查看此时ip地址。
- mac点击右上角的无线网标识的菜单,然后选择“打开无线网网络偏好”,在wi-fi栏中查看自己连接该无线网的IP地址即可。
2. 手机代理设置
- 打开手机,连接和电脑同一个网络,然后长摁或者点击已连接网络的功能菜单,会显示网络信息,有个代理的选项,部分机型需要长摁已连接的网络---修改网络—高级中修改。
-
点击该代理选项,输入步骤d中的电脑的内网地址,然后点击charles的菜单的proxy—proxy setting的Proxies查看Port端口,即charles代理的端口号,默认为8888。
-
设置完毕后,访问龙信触发任何网络请求后会提示有个英文提示窗,大概意思为有个设备要接入charles是否允许接入?点击Allow即可。
3. 手机证书
- 打开手机浏览器,输入chls.pro/ssl,下载证书
- ios提示下载一个扫描文件,点击允许后,打开ios的设置--通用--描述文件与设置管理--提示有个下载,点击下载–安装即可。证书名称开头为Charles Proxy,然后点击通用--关于本机–证书信任设置开启Charles即可。
4. Charles安装Https证书
首先打开顶部Charles菜单:Help-->SSL Proxying,可以看到有很多选项 选择Install Charles Root Certificate,也就是安装Charles的根证书 在打开的钥匙串里面,选择Charles Proxy CA,双击打开,选择始终信任即可
5. 若需要抓https的请求信息,
- 点击功能栏中的
Proxy–--ssl proxy setting----输入要抓的https的域名和端口即可。