一直用Charles辅助调试接口，今天系统性整理一下Charles的具体使用方法。

简介

Charles是一款运行在你自己计算机上的web代理与抓包工具。它可以有效地获取HTTP通信信息，主要用于网页的开发和调试等，强大又多元功能是每个程序员必备的利器，如果免费就完美了。

Charles主要功能

• 支持SSL代理。可以截取分析SSL的请求。
• 支持流量控制。可以模拟慢速网络以及等待时间（latency）较长的请求。
• 支持AJAX调试。可以自动将json或xml数据格式化，方便查看。
• 支持AMF调试。可以将Flash Remoting 或 Flex Remoting信息格式化，方便查看。
• 支持重发网络请求，方便后端调试。
• 支持修改网络请求参数。
• 支持网络请求的截获并动态修改。
• 检查HTML，CSS和RSS内容是否符合W3C标准。

经常会有这样的场景:

场景一: 想看看其他的App是怎样设计请求，怎样设计返回数据格式，某一个功能点请求分几个实现的。最近我在用某听书软件听鬼故事（⁰）,它们限制非VIP每天只能下100篇离线，我试着用charles拦截修改返回数据，把我自己变成超级VIP了，然后, 没然后了….

场景二: 一个请求发起直接返回各种看起来奇葩的错误，检查半天代码好像也没问题，直接就大嘴巴叫后台的兄弟服务挂了，后台一看，好好的啊…

场景三: 开发新的功能，接口也先大概定义好了，可后台兄弟忙着和妹子聊天（^），接口还没写好啊…,虽然可以在代码里写死demo数据，但后台接口写好了，难道又去改一遍?有木有更好的方式呢？先把请求都写好，能正常返回数据，解析好结果绑定到界面，最后接口写好了直接就对接，charles可以帮助我们这么干。

场景四: 除了WIFI我们还要测试2G,3G,4G等各种复杂网络条件下的情况，可手机上网资费不便宜啊，可以让charles限制网速模拟网络环境。

就列举这么几个场景吧，下面进入本文的正题

一.设置代理抓包

打开charles软件,选择Proxy->Proxy Settings到如下界面:

image

以iPhone手机为例，打开: 设置->无线局域网，选择一个网络进入，滚动到下面看到有’HTTP代理’模块，选择手动模式，按照如下图填好配置.

image

服务器地址填写电脑的局域网ip，打开系统设置->网络，就能看到本机ip了
填写好了，随便打开一个app，在charles软件里应该会弹出一个提示框，是否同意通过本机代理上网，点是就好了。下面是我设置好代理后，打开手机上app，在charles软件里看到的。

image

二.模拟慢网速请求

App开发完后，我们要测试多环境，特别是在慢网速下的case，之前我有写过一篇关于慢网速测试，现在用charles也可以达到这目的。选择Proxy->Throtting Setting，打开后如下图设置

image

如果要针对某一个地址限速，在Hosts里可以add要限速的url.

三.截获请求转到指定的地址

比如api请求的是 http://api.test.com/user?user_id=1 , 但是后台这个没写好，我们就临时转到一个本地地址 http://10.1.1.111/user_info.json ，这个就一json文件编辑什么的特别方便，想怎么改都方便了，不过这个得在本地搭一个server环境，推荐用nginx或apache.

选择Tools->Map Local打开设计界面,设置好如下图:

image

四.截获请求直接返回本地的文件内容

如果懒得搭server环境，就可以用这种方式了，这个可以直接把一个请求返回内容映射到本地文件，例如把 http://api.test.com/user?user_id=1 对应的请求返回内容映射到本地文件user_info.json，

选择Tools->Map Local打开设计界面,设置好如下图:

image

五.截获请求修改请求信息

上面的方式是直接替换了整个，哪如果只想截获并做一定修改怎么处理呢?

选择Tools->Rewrite，设置如下图:

image

六.设置请求的黑名单

不想某些请求发起，直接返回404，可以用黑名单

选择Tools->Black List，设置如下图:

image

七.DNS欺骗

dns欺骗，说简单点就是把域名解析到一个假的ip，
可以不必一定要用locahost,127.0.0.1,装个B把127.0.0.1对应到baidu.com来调试~
选择Tools->DNS Spoofing，设置如下图:

image

八.缓存请求返回的内容

这个我用来干过做缓存数据用，让app在没有server的时候也能跑，
选择Tools->Mirror，设置如下图:

image

上面这些是我在开发过程中经常会用到的，基本能很好解决和后台联调的问题，我没有把每个地方都列的很细，基本都是只提到点，相信大家知道这个点去操作都很容易就上手，但我更想说的是，这些都只是工具，最好还是能了解web原理基础，理解HTTP协议。

另外介绍一个模拟请求的工具，Chrome下的插件postman，很方便就能模拟post,get,put,delete等请求，模拟文本，上传文件请求，附上一张截图:

image

有了这些工具的辅助，相信你对接口的调试再也不会叫苦啦…

总算写完了，又晕又困，睡觉去~

===

PS:补充breakpoints调试

九. BreakPoints

实用的断点调试，体验就像在xcode里断点调试一样，请求时会弹出断点调试的窗口。

• 打断点

首先打开设置窗口

image

image

• 调试

  请求断点的url时会弹出断点调试窗口，如下图
  

  image

这里可以看到编辑request和response，如下图（这里演示的url只打了response的断点）

image

编辑完成点execute，搞定!

参考资料：https://blog.csdn.net/a0405221/article/details/79024772