Charles应用(Web)

1.Charles安装

1.1.点击安装文件charles-proxy-4.2.8-win64.msi

 1.2.点击下一步

 1.3.勾选然后点击下一步

1.4. 选择路径，点击下一步

 1.5.点击安装

 1.6.安装成功

2.安装证书

2.1.为什么下载charles的ssl证书

默认情况下，charles不能解析https协议的接口，里面的请求和响应数据都是乱码格式，所以我们需要下载ssl证书，来获取里面的数据

 2.2.点击help，选中ssl Proxying ,点击Install Charles Root Certificate

2.3.点击”安装证书”按钮 

 2.4.点击下一步

 2.5.选中”将所有的证书都放入下列存储”，点击”游览”按钮

 

 2.6.点击下一步

 2.7.点击完成

 2.8.导入成功

 2.9.点击确定

 2.10.点击”proxy”按钮，选中Proxy Settings…

 2.11.勾选允许传输http代理，接着点击”OK”按钮

 2.12.点击’proxy”按钮，选中SSL Proxyig settings..

 2.13.点击勾选运行代理，点击“add”。

 2.14.填写Host和Port都为*，正则表达式为匹配所有，再点击”OK”按钮

 2.15.重启charles 

 2.16.验证是否可以获取web端的https接口

1.打开charles

 2.打开浏览器搜索

 3.查看charles

3.charles的功能操作

4.1断点调试

方法一： breakpoints（修改request）

        1.接口处 鼠标右击，选择breakpoints（允许本接口使用breakpionts功能）

         2.开始设置断点值

 

 

 输完值记得点【ok】按钮保存设置。

        3.重新请求接口（charles的界面变为可编辑状态），修改请求参数，执行请求

 之前是搜索123，然后在charles改成了123444

方法二： breakpoints（修改response）

        1.接口处 鼠标右击，选择breakpoints（允许本接口使用breakpionts功能）

        2.开始设置断点值

 

 

         3.重新请求接口（charles的界面变为可编辑状态），修改请求参数，执行请求

         4.刷新页面，请求接口（返回值便是上一步已经修改好的值）

         5.关掉breakpoint,点击【abort】

如果点击了【cancel】，只关闭此次编辑。下次访问此接口时还会进入breakpoints页面。

3.2本地修改

对于maplocal功能的理解：

接口返回值通过抓包工具处理成了 一个本地文件。这个本地文件中的设定值被作为接口返回值了。

        1.复制 response内容，保存为.txt 文件，存在电脑本地。

 

注意：

保存为txt 后，将文件“另存为”编码方式选择utf-8,否则接口可能无法识别汉字导致出现乱码

        2.修改response指向（选中需要修改response值的接口 后点击右键，选中maplocal功能）

注意点击ok才保存成功    

        3.修改txt文件中 需要修改的字段值，保存

        4.重新请求此接口，此时接口返回值已经是 txt文件中的期望值了

        5.不用的时候，关掉maplocal。

 

3.3弱网测试

1. 模拟超慢网速（会导致接口数据返回超时的那种...） 

设置带宽和延迟时间（毫秒）

注：可以根据下图中的翻译体会下导致网络延迟的原因:

 

        2.打开 throt settings （功能生效后 接口数据返回会很慢）

 

 刷新网页