抓包工具 之 Charles 的使用

0f3dabb8dd844af59a68d4f95e1bc49f.png

目录

一、下载Charles

二、绿化Charles

1. 打开绿化网址

2. 生成注册码

3. 打开Charles

三、功能说明

四、代理设置

1. proxies

2. options

3. macOS

五、安装信任证书

1. 安装证书

2. 在钥匙串中找到证书

3. 双击设置信任

六、电脑接口代理开启

1. 开启

2. 问题 

七、手机接口代理开启

1. 手机连接wifi,最好在同一局域网

2. 配置代理

01 - 默认配置

02 - 直接查看

3. 页面会弹出授权框,允许即可

4. 配置手机端证书

01 - 手机浏览器打开网址并下载

02 - 安装路径

5. 允许访问代理的外部ip ( 手机 )

01 - 查看

02 - 手动添加

八、代理小程序接口

1. 移动端

2. 电脑端

九、request 和 response

1. 界面上显示

2. 乱码问题

01 - 配置上方的信任证书

02 - 配置SSL Proxy Setting

03 - 配置编码

3. 查看请求参数

4. 查看响应参数 

十、修改请求参数和相应参数

1. 拦截请求,开启断点调试

2. 复制请求url

3. 断点设置

01 - 打开 

02 - 配置

03 - 重新刷新页面、再次请求

        修改请求参数

        修改响应参数


一、下载Charles

Charles : Download a Free Trial of Charles • Charles Web Debugging Proxy

二、绿化Charles

1. 打开绿化网址

Charles绿化

2. 生成注册码

df60d1b29a714d379f156bef96607af7.png

3. 打开Charles

输入注册码后,重启即可

1cda1e6b61e04870a99633f8ac894e4e.png

三、功能说明

440e7bb2b2374ce0acdd4f3db34b3819.png

四、代理设置

Proxy => Proxy Settings

1. proxies

70000e952c70402cb8b5d1bc5d6f57ce.png

2. options

options 里 主要是设置 绕过代理

eda764d49bbe40c591d2bfd44f926689.png

3. macOS

38c8de1e9e5642799bf9860ad7fb8285.png

五、安装信任证书

1. 安装证书

2b4ba110d2d24eb3a1e6a996fc12e475.png

2. 在钥匙串中找到证书

b9d18544227e4a7ba5da0e173abfcecb.png

3. 双击设置信任

1095a450cc964668b793bc698e56ddac.png

ps : 该钥匙串需在系统钥匙串的系统中

六、电脑接口代理开启

1. 开启

14d760efb9944806aff19354f5e2408c.png

2. 问题 

监听不到 localhost域名 哒,可以用 本地ip 换掉 localhost 即可

七、手机接口代理开启

1. 手机连接wifi,最好在同一局域网

2. 配置代理

599bf60dc705472d91d750aa9be7073d.png

01 - 默认配置

网络的代理服务器 : 该电脑的ip地址 + 端口为8888

02 - 直接查看

网络的代理服务器 : 在第一行可以看到

c30ef805fd4a492f9f9924955a1a0792.png

3. 页面会弹出授权框,允许即可

4. 配置手机端证书

01 - 手机浏览器打开网址并下载

d4d2b73f6f6e43d4bb07670f44548839.png

02 - 安装路径

设置 => 安全 => 证书凭证 => 从存储盘安装 => Download => Browser => 点击证书安装

 

ps : 可能路径不一样,自己找找哈

5. 允许访问代理的外部ip ( 手机 )

01 - 查看

f9c81cb3deff4d13ab3a16ba4489c158.png

02 - 手动添加

6eb4a6f45dbc454b915e8aa1bb58203f.png

4b6602aaad2847f6ace9bda4ebdc23ad.png

八、代理小程序接口

1. 移动端

用上述方法完成手机代理就能抓取

2. 电脑端

电脑端中使用微信开发平台,想要监听接口

  • 开启电脑代理 ( macOS Proxy )、手机代理
  • 微信开发平台开启真机测试
  • 手机扫码触发
  • 即可监听拦截接口

九、request 和 response

1. 界面上显示

01547332c6924ffd9db92973046a1ecc.png

2. 乱码问题

01 - 配置上方的信任证书

02 - 配置SSL Proxy Setting

若请求失败,可能手机不支持该端口,关闭即可

 

ps : 也可配置多个

* : *        * : 443        * : 不填

b4cab6e4b11944c48d452ab48f0ae018.png

03 - 配置编码

8db3a2fbf4ac4d319e1fee0032c792d3.png

7cd37d0010944d33bb8cee18f4731bd7.png

3. 查看请求参数

e6436e5cf2a34fef85b6006db3441f40.png

4. 查看响应参数 

546747c800544f16824f6b767602577c.png

十、修改请求参数和相应参数

1. 拦截请求,开启断点调试

选中需要修改参数的请求

e8c20164e1514e958ac2be0e0d2dc6ed.png

2. 复制请求url

b0d54b8d361045eabefaa7f57ad228d3.png

3. 断点设置

Proxy => Breakpoint setting

01 - 打开 

458a44b1790d40da9319347bc43da58f.png

02 - 配置

3964caa7a04e49e59b02b923d56aeac7.png

bdbcc17b5c6e42d09d3ea5651497cb00.png

85ab674b3ee54cc0b87b06ea16c98537.png

03 - 重新刷新页面、再次请求

        修改请求参数

3da8d547bd6b4f9db3cf01a434c324b6.png

        修改响应参数

051b304cad2944eb968133fdc3cd7706.png

猜你喜欢

转载自blog.csdn.net/a15297701931/article/details/128000313
今日推荐