继续浏览精彩内容
慕课网APP
程序员的梦工厂
打开
继续
感谢您的支持,我会继续努力的
赞赏金额会直接到老师账户
将二维码发送给自己后长按识别
微信支付
支付宝支付

Charles-抓包与真机调试工具

Ewall_
关注TA
已关注
手记 85
粉丝 7084
获赞 266

抓包与真机调试工具。
项目地址:https://github.com/Ewall1106/mall

安装

  • 进入官网下载你电脑所对应的版本。

  • 网盘下载:charles-v4.5.6-破解版 密码:q1tt

  • 下载好了按照提示安装即可(有能力还是支持正版吧)。

代理配置

  • 打开 Charles 安装客户端证书。

  • 点击 install 后会弹出钥匙串,并其证书设置为信任:

image

image

  • 设置代理的端口号

⚠️ 不能被电脑上的其它应用占用该端口号

image

image

抓包地址设置

  • 这里主要就是通过添加 ip地址+端口号 告诉 charles 需要抓包的地址。

    • 比如我这里 172.172.1.36 就是需要抓包的地址。

    • 使用 * 通配符表示抓所有端口。

  • 点击 add 添加一个你所需要抓包的地址。

    • 可以都填 * 通配符,这样就表示抓所有的域名和端口。

移动端证书配置

  • 需要在手机端配置证书,这样 charles 才有权力去抓取你手机的数据。

  • Help - SSL Proxying 中下载移动端的证书:

image

image

  • 打开手机,先在浏览器中输入 chls.pro/ssl 下载好证书。

  • 然后在 Wi-Fi 那里配置代理。

    • 先下载证书然后设置手机代理

    • 安卓、IOS 设置都差不多

抓包演示

  • 当你设置好 wi-fi 代理之后,点击 保存 按钮,桌面 Charles 工具就会弹出一个确认框,我们选择 Allow

  • 然后我们在手机浏览器中输入一个网址,以 baidu.com 为例,就可以看到各种抓包数据了。

image

image

  • 可以用这个工具来做很多事情,大家自行去探索吧,如:

    • 模拟慢速网络

    • 修改网络请求参数

    • 修改服务器的返回内容

手机调试

  • 我们也可以用这个工具来进行手机页面的调试。

  • 比如我们将panda-mall项目跑起来,然后在手机浏览器中输入这个链接就可以访问了。

打开App,阅读手记
1人推荐
发表评论
随时随地看视频慕课网APP