1.简介
Charles和Fiddler一样也有个强大的功能,可以修改发送到服务器的数据包,但是修改前需要拦截,即设置断点。设置断点后,开始拦截接下来所有网页,直到取消断点。这个功能可以在数据包发送之前,修改请求参数;在收到应答包,在js解析和浏览器渲染之前,修改返回结果。有了这个功能,开发者就可以修改不同参数测试server,同时也可以修改返回包测试自己的js函数,或测试页面渲染。那么怎样进行Charles断点操作呢?下面宏哥将为大家讲解一下。
2.Charles设置断点
Charles设置断点的具体操作步骤如下:
2.1方法一
1.启动Charles后,点击Proxy -> Breakpoint Settings... ,如下图所示:
2.勾选 Enable Breakpoints ,如下图所示:
3.点击Add ,新增 断点规则 ,如下图所示 :
断点规则字段说明:
Scheme : 拦截进行断点的接口方法,选项有 GET 和 POST
Protocol: 协议,选项有HTTP 和 HTTPS
HOST : 域名,或者IP地址
Path : 路径
Query:URL 中 ? 后面拼接的查询参数
Request : 在发送请求的时候打断点,可以修改请求内容,之后再把请求转发送给服务器
Response:在请求响应回来的时候打断点,可以修改响应内容,之后再把响应结果转发给客户端
【敲黑板知识点】
以上字段支持通配符,比如说Path ,填写 /test/api1 ,只支持拦截/test/api1 这一个接口,是全匹配,比如无法匹配 /test/api1/apis ;如果填写/test/* ,就能够匹配以/test/开头的所有接口,比如 /test/api1 、/test/api1/apis
所有的字段都是选填,如同我们常规理解的筛选条件一样,但是为了规则的有效性,Request 和 Response 必须二选一。
2.2方法二
1.接口处 鼠标右击,选择breakpoints(允许本接口使用breakpionts功能),如下图所示:
2.进入Breakpoint Settings...里,我们看到配置也添加到这里,双击配置规则,看到部分已经填好了,我们补充剩下的即可。request和response两个都勾选上了,如下图所示:
3.Charles 断点实践
找了半天没有免费的接口来演示实践,索性自己用python简单写一个mock接口算了。有时候测试需要调用第三方接口进行测试,但是第三方接口没有提供时,我们可以通过mock接口模拟第三方接口。
3.1安装第三方模块
通过pip install flask安装(flask是一个轻量级的web开发框架)。如下图所示:
3.2flask模块的使用
flask模块有如图四个部分,static是静态文件,存放js脚本、CSS、图片之类的文件;templates存放HTML文件,app.py存放接口。
app.run代表通过默认方式来访问,即通过127.0.0.1:端口号:接口路径来访问。
3.2.1参考代码
# coding=utf-8 标签:__,info,教程,app,Charles,接口,断点 From: https://www.cnblogs.com/du-hong/p/17101886.html