🚀 个人主页 极客小俊
✍🏻 作者简介：程序猿、设计师、技术分享
🐋 希望大家多多支持, 我们一起学习和进步！
🏅 欢迎评论 ❤️点赞💬评论 📂收藏 📂加关注

Charles 抓包原理

其实不管对于Fiddler还是Charles等等抓包工具来说，抓包的原理大致都相同!

我们可以来看一张流程图!

如图

Charles 本地抓包

其实我们在使用Charles抓取本地HTTP请求的时候，你会发现在请求列表中根本就捕获不到localhost

愿意其实在Charles的官网上有解释!

地址: https://www.charlesproxy.com/documentation/faqs/

如图

这段话是Charles官方给出的一个解决方案，其实很简单!

就是我们在本地访问的时候使用 http://localhost.charlesproxy.com 来代替指向http://localhost的这个地址,那么Charles的请求列表中，就会正常显示了!

因为Charles启动后这个http://localhost.charlesproxy.com就会默认指向到http://localhost

所以我们在使用Charles来抓取本地localhost请求的时候，就直接用如下方式访问就可以了!

http://localhost.charlesproxy.com

举个栗子

这里我用wamp启动了一个PHP的服务环境, 并且在这个环境下我们简单新建一个项目test4

然后使用phpStorm新建一个项目指向到test4下，然后新建一个index.php文件,写一段简单的代码

如图

代码

<?php
  echo 'Hello World';
?>

然后此时我们再来访问一下http://localhost.charlesproxy.com/test4/index.php

如图

从浏览器访问上来看没有任何问题， 也就是用这个地址去请求到test4/index.php文件

再看看Charles抓取一下看看是什么效果!

如图

看到了吧，这样就完成了一个很简单的本地请求抓包!