Charles工具使用

charles
一、学习目标
    1、能够使用Charles分析定位bug（前后端）；
    2、能够使用Charles进行弱网测试（模拟弱网环境）；
    3、能够使用Charles的断点构建异常的测试场景；
二、Charles简介
    1、Charles是什么？
        a、Charles中文名叫做“青花瓷”，是一款基于HTTP协议的代理服务器，通过成为电脑或者浏览器的代理，截取请求和请求结果达到分析抓包的目的。
        b、特点：跨平台（能够在不同的操作系统上运行），半免费（区分收费和不收费）启动需要等待10sec，单次只能运行30min，30min之后强制重启。
        c、总而言之，Charles就是一个代理服务器，特点就是跨平台，半免费。
        
    2、Charles工作原理？
        a、客户端——代理服务器——互联网——web服务器
            前置步骤：1、需运行Charles并设置代理；2、在客户端需要进行配置（ip地址，代理端口）；
            实现步骤：1、客户端发送请求；2、Charles将请求发送给web服务器；3、服务器端返回请求结果给Charles；Charles将结果返回给客户端；
            

 

 

    3、Charles主要功能？
        a、支持HTTP和HTTPS;
        b、支持流量控制（测试中可进行弱网测试）；
        c、支持接口的并发请求（性能测试，压力测试）同一时间执行多个请求；
        d、支持重发网络请求；
        e、支持断点调试和fiddler差不多；
        
    4、Charles的优缺点（fiddler）？
        a、优点：
            Charles能支持Linux、macos（fiddler只支持Windows）；
            Charles支持按域名和接口查看报文（相对于fiddler友好一些）；
            Charles支持反向代理（fiddler不支持）；
            Charles网络限速可选择网络类型；
            Charles可以解析AMF协议；
            
三、Charles安装与部署
    1、Charles安装；
        Charles官网：https://www.charlesproxy.com/

 

 

    2、Charles组件介绍；
        strucrture:按域名显示接口请求数据
        sequence:按接口请求时间显示数据
        fiddler：通过域名进行接口过滤
    3、Charles设置；
        a、Charles设置代理端口：

 

　　b、Charles访问控制

　　设置代理服务域名

 

 　　c、客户端-Windows设置代理Windows：

　　

 

 　　打开计算机之后：

　　

　　d、客户端-ios手机代理设置：

　　

　　e、客户端-android手机代理设置：

 

 

注：AMF协议是Action Message Format协议的简称，AMF协议是Adobe公司的协议，主要用于数据交互和远程过程调用，在功能上与WebService相当，
但AMF与WebService中的xml不同在于AMF是二进制数据，而xml是文本数据，AMF的传输效率比xml高。AMF使用http方式传输，目前主要用于ActionScript中，
实现Flex与Service之间的通信。目前最新的版本是AMF3。