做网站会遇到的问题制作网站首页
一、charles简介
1，charles是什么
Charles中文名叫青花瓷，它是一款基于HTTP协议的代理服务器，通过成为电脑或者浏览器的代理，然后截取请求和请求结果达到分析抓包的目的。 特点:跨平台、半免费
2，charles工作原理
前置步骤 1，需要运行Charles并配置代理
2，在客户端上面需要配置代理 步骤 1、由客户端发送请求
2、Charles接收再发送给服务端
3、服务端返回请求结案给Charles
4、由Charles转发给客户端
3，charles能做什么
支持HTTP及HTTPS代理 支持流量控制 支持接口并发请求
支持重发网络请求 文持断点调试
4，charles对比fidder的优点
Charles能够支持linux、MacOs Charles支持按域名和按接口查看报文，简洁明了 Charles支持反向代理 Charles网络限速可选择网络类型 Charles可以解析AMF协议
二、charles安装
1，charles安装
下载 Download a Free Trial of Charles • Charles Web Debugging Proxy (charlesproxy.com)
双击下载的安装包
一直next
更改安装路径
激活码获取因为版权问题链接不放在这里需要的自行搜索即可
2，charles组件介绍
主界面
主导航栏
请求栏
3，charles设置
charles代理设置
修改端口号（在端口被占用的情况下使用）
charles访问控制
主要用于禁止或者允许客户端通过charles访问网络或者服务器
下图为允许通过charles访问服务器和网络的ip
4，客户端设置
如果你的charles就在你的计算机上无需配置代理，我的就下在了电脑上不在演示
三、charles实战
1，https抓包解析乱码
安装证书
windows解决方案
1，打开charles，选择“help”SSL Proxying->“Install Charles Root Certificate
2，在打开的证书框中，点击“安装证书”选择“本地计算机”，点击“下一步
3，选择“将所有证书都存放下列存储”，再点击“浏览”
4，选择“受信任的根证书颁发机构”点击“确定”->“下一步”->“完成”
charles https 代理配置
步骤一:在Charles窗口中点击菜单“proxy”->“sSLproxying setting
步骤二:在打开的设置窗口中勾选“EnableSSLProxying
location中点击add
添加port443然后ok
步骤三:点击“OK”
2，charles流量配置模拟弱网测试
步骤一:在Charles窗口中点击菜单“Proxy”->“Throttle Setting
步骤二:在打开的设置窗口中勾选“Enable Throttling
步骤三:在“Throttle preset”下拉框中选择对应的网络类型
步骤四:点击“OK”
3，charles断点配置
作用:用来构建异常的测试场景
1、右击接口链接，选择“Breakpoints
2、在浏览器刷新对应接口的页面
3、此时会自动跳转到Charles并显示出接口请求信息
4、点击“Edit Request”,修改请求的信息，点击“Execute
5、点击“Edit Response
6、在数据格式栏中选择合适的显示格式，比如“Json
7、修改对应的数据，点击“Execute
8、回到浏览器查看数据应该为修改之后的Response的信息