美文网首页
Charles拦截接口请求

Charles拦截接口请求

作者: 神奇宝贝阿美 | 来源:发表于2019-11-06 15:15 被阅读0次

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

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

设置系统代理.png

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

设置断点.png

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

拦截成功Charles页面.png

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

重新请求登录接口进行拦截.png 拦截成功参数修改方式1.png 拦截成功参数修改方式2.png

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

修改方式1请求成功.png 修改方式2请求成功.png

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

在Response里修改displayName.png 修改成功以后的Response.png

相关文章

  • Charles拦截接口请求

    最近工作需要拦截接口做一些修改,记录一下用Charles的一些操作。以拦截登录接口场景举个例。 1、这里设置代理自...

  • vue接口拦截

    接口拦截 路由拦截 接口拦截应该指的是 http 请求拦截路由拦截是 vue 这种框架里的拦截登录拦截是一个需求,...

  • WKWebView拦截请求资源

    方案一:使用 NSURLProtocol 拦截 WKWebView 请求问题:1、拦截请求需要使用私有接口(WKB...

  • 请求拦截器 与 响应拦截器(React)

    前提: 请求拦截器和响应拦截器主要应用场景:请求网络接口请求拦截器:发送请求的时候,携带一些信息响应拦截器:接收到...

  • 请求拦截器 与 响应拦截器(Vue)

    前提: 请求拦截器和响应拦截器主要应用场景:请求网络接口请求拦截器:发送请求的时候,携带一些信息响应拦截器:接收到...

  • 移动端h5调试

    charles breakpoints 一、添加Charles断点1、用Charles抓包发起一次接口请求2、对要...

  • Charles抓包修改接口请求和返回结果

    1.在浏览器上选择Charles代理 2.Charles对请求接口打点断 3.重新发起请求,并编辑请求 Charl...

  • Flutter 仿写百姓量贩

    效果图如下 技术要点 采用真实接口,使用Charles进行项目接口的拦截和发送处理 底部导航:bottomNavi...

  • React-Reducer中封装普通的axios请求

    全局请求拦截 config.js 请求封装get,post 统一接口调度

  • 方便实用的mock工具------Easy Mock

    常见的 Mock 方式: 将模拟数据写在代码里 利用 JavaScript 拦截请求 利用 Charles、 Fi...

网友评论

      本文标题:Charles拦截接口请求

      本文链接:https://www.haomeiwen.com/subject/ajoybctx.html