Charles抓包原理与配置

1.Charles简介

1.1Charles简介

Charles中文名叫青花瓷,它是一款基于HTTP协议的代理服务器,通过成为电脑或者浏览器的代理,然后截取请求和请求结果达到分析抓包的目的。

特点: 跨平台、半免费。

image.png

1.2charles的原理:代理

image.png

前置步骤:

  1. 需要运行Charles并配置代理
  2. 客户端需要配置Charles代理

步骤:

  1. 客户端发送请求
  2. Charles接收到请求处理后再发送给服务端
  3. 服务端返回响应结果给Charles
  4. 由Charles处理完以后转发给客户端

1.3正向代理和反向代理

什么是代理

image.png

代理又分为正向代理和反向代理。

正向代理

正向代理服务器是位于客户端和目标服务器之间,客户端为了从目标服务器获取数据,先向代理服务器发送一个请求,代理服务器再转发该请求到目标服务端,同时接收目标服务器返回的数据转交给客户端。

正向代理,是在客户端的(例如PC、手机设备等),代理服务器和客户端可以看为一个整体。

正向代理中被代理的是客户端。

以VPN为例 手机或电脑等设备,需要访问受限网络比如翻墙,可以通过安装VPN实现,此时VPN充当代理服务器的角色。当设备发起网络请求时,实际上请求是先到VPN,VPN再将转发给服务端,这时,对服务端来讲VPN与设备是一个整体,服务端并不关心VPN的背后是谁。同样的,服务端返回的数据也是返给了VPN,VPN再转给设备。

image.png

反向代理

image.png

反向代理代理服务端。

反向代理(reverse proxy):是指以代理服务器来接受internet上的连接请求,然后将请求转发给内部网络上的服务器,并将从服务器上得到的结果返回给internet上请求连接的客户端,此时代理服务器对外就表现为一个反向代理服务器。

我们在租房子的过程中,除了有些房源需要通过中介以外,还有一些是可以直接通过房东来租的。用户直接找到房东租房的这种情况就是我们不使用代理直接访问国内的网站的情况。

还有一种情况,就是我们以为我们接触的是房东,其实有时候也有可能并非房主本人,有可能是他的亲戚、朋友,甚至是二房东。但是我们并不知道和我们沟通的并不是真正的房东。这种帮助真正的房主租房的二房东其实就是反向代理服务器。这个过程就是反向代理。

对于常用的场景,就是我们在Web开发中用到的负载均衡服务器(二房东),客户端(租客)发送请求到负载均衡服务器(二房东)上,负载均衡服务器(二房东)再把请求转发给一台真正的服务器(房东)来执行,再把执行结果返回给客户端(租客)。 反向代理,其实是"代理服务器"代理了"目标服务器",去和"客户端"进行交互。

通过反向代理服务器访问目标服务器时,客户端是不知道真正的目标服务器是谁的,甚至不知道自己访问的是一个代理。

正向和反向区别

虽然正向代理服务器和反向代理服务器所处的位置都是客户端和真实服务器之间,所做的事情也都是把客户端的请求转发给服务器,再把服务器的响应转发给客户端,但是二者之间还是有一定的差异的。

代理对象不同

1.正向代理是客户端的代理,帮助客户端访问其无法访问的服务器资源。反向代理则是服务器端的代理,帮助服务器做负载均衡,安全防护等。

架设位置不同

2.正向代理一般在客户端架设,如在自己的机器上安装一个代理软件。而反向代理一般是在服务器端架设,比如在服务集群部署一个nginx反向代理服务器。

访问来源不同

3.正向代理中服务器不知道真正的客户端是谁,以为访问自己的是真实的客户端。反向代理中客户端不知道真正的服务器是谁以为自己访问的是真实的服务器。

代理目的不同

4.正向代理和反向代理的作用和目的不同。正向代理主要是用来解决访问限制问题(如VPN)。反向代理则是提供负载均衡、安全防护等作用。

反向代理解决跨域

跨域只发生在浏览器,是浏览器的安全机制导致的,服务器之间的通信是不存在跨域的,因此反向代理解决跨域问题起作用的原因就是服务器之间通信没有跨域问题。

由于所有的服务都通过nginx服务的域名,所以可以解决同源跨域问题。

2.Charles安装与配置

2.1Charles的安装

Charles官网:https://www.charlesproxy.com/

2.1.1下载

image.png

2.1.2安装

Windows:双击可执行文件 MacOS :双击安装文件

注意:

1、安装过程当中会有提示信息,直接点击“确定” 2、安装过程中可以修改安装目录

2.1.3破解

安装完成后使用破解的jar替换安装目录中的jar即可

2.1.4启动

双击启动即可

2.2Charles组件介绍

image.png

主导航介绍

image.png

请求栏介绍

image.png

2.3Charles代理设置

修改代理配置

image.png

配置端口

image.png

2.4Charles访问控制

image.png

2.5客户端-windows代理设置

选择设置

image.png

搜索代理,选择代理服务器设置

image.png

地址配置:http=127.0.0.1:8889;https=127.0.0.1:8889

image.png

2.6客户端-Android手机代理设置

image.png

  • 15
    点赞
  • 21
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值