Charles拦截接口请求

最近工作需要拦截接口做一些修改,记录一下用Charles的一些操作。以拦截登录接口场景举个例。

1、这里设置代理自己的电脑,启动 Charles 后,需要将 Charles 设置成系统代理,选择菜单中的 “Proxy” –> “macOS Proxy” 来将 Charles 设置成系统代理。如下所示:

Charles拦截接口请求_第1张图片
设置系统代理.png

2、请求接口,给要拦截的接口设置断点。选择接口,右击->选择Breakpoints如下所示:

Charles拦截接口请求_第2张图片
设置断点.png

3、我以登录结果为例的,设置断点的接口重新发起接口请求时,会弹起Charles这个页面,成功拦截到了接口,如下所示:

Charles拦截接口请求_第3张图片
拦截成功Charles页面.png

4、修改接口入参,切换到Edit Request,改变接口请求方法或者改变入参;修改入参两个方式:第一种直接URL页面add参数;第二种切换到text页面,按照格式改变相应的参数。修改之后点击Execute,如下所示:

Charles拦截接口请求_第4张图片
重新请求登录接口进行拦截.png
Charles拦截接口请求_第5张图片
拦截成功参数修改方式1.png
Charles拦截接口请求_第6张图片
拦截成功参数修改方式2.png

4、点击Execute之后,会拦截Response。也可以对返回参数做修改,先不做修改直接点击Execute,看接口请求成功的返回数据是我们修改的账号登录成功,如图所示:

Charles拦截接口请求_第7张图片
修改方式1请求成功.png
Charles拦截接口请求_第8张图片
修改方式2请求成功.png

5、拦截Response,对返回参数值做修改,比如修改displayName字段的值,如图所示:

Charles拦截接口请求_第9张图片
在Response里修改displayName.png
Charles拦截接口请求_第10张图片
修改成功以后的Response.png

你可能感兴趣的:(Charles拦截接口请求)