一、添加Charles断点

  1. 在Charles应用的Structure或Sequence中对需要进行断点的操作的网络请求右键添加断点，如图1.1
  2. 在mac或其他正在被代理的客户端中重新对断点链接进行请求，如图1.2
  3. Charles进入断点单步操作页面，如图1.3

图1.1
image.png

图1.2
image.png

图1.3
image.png

二、操作Charles断点界面

Cancel 取消本次断点操作，继续请求网络数据
Abort 取消本次断点操作，终端本次网络请求
Execute 单步执行网络请求
image.png

三、修改api请求参数

  1. 执行Execute，直到找到需要修改参数的api
  2. 选中上方 Edit Request，选中下方 JavaScript 、 JSON Text 、Query String等格式展示请求数据
  3. 修改需要篡改的请求参数，如图3.1

  4. 查看被篡改请求数据后的API返回结果，如图3.2

    1.                                 <br />                                     **图3.1**<br />![image.png](https://cdn.nlark.com/yuque/0/2022/png/304253/1651399451722-d40c0c2d-8caf-42ca-bf0b-e6370a13ad2b.png#clientId=u1283ce09-04bf-4&crop=0&crop=0&crop=1&crop=1&from=paste&height=1036&id=ue7ed9502&name=image.png&originHeight=2072&originWidth=2828&originalType=binary&ratio=1&rotation=0&showTitle=false&size=241063&status=done&style=none&taskId=ufdcb2291-2c29-4a89-ac60-8178ab09682&title=&width=1414)

图3.2
image.png

  1.  **图3.3**<br />![image.png](https://cdn.nlark.com/yuque/0/2022/png/304253/1651399517112-9f0f7b10-e459-42d2-b628-2f4c66c25af2.png#clientId=u775e9bd2-7548-4&crop=0&crop=0&crop=1&crop=1&from=paste&height=527&id=ubf65ad55&name=image.png&originHeight=1054&originWidth=2004&originalType=binary&ratio=1&rotation=0&showTitle=false&size=389237&status=done&style=none&taskId=u943c964b-b0e6-4b24-970c-eff90aabdb8&title=&width=1002)

四、修改api返回数据

image.png

页面拿到被篡改后的数据进行显示
image.png