【工具】 Charles 使用大全

image.png

今天要介绍的就是这款抓包神奇，用过后会爱不释手，是移动端开发人员必备技能，青花瓷Charles 对于测试、监控、抓数据都是很方便的。

基本配置

第一步 安装Charles软件,破解版安装包
第二步 关闭对mac电脑的抓包，为了能更好的筛选APP抓到的数据

image.png

第三步 手机端设置
(1)手机与mac电脑处于同一个wifi
(2)查看wifi的ip地址

image.png
image.png

(3)手机设置

image.png image.png

(4) charles 设置

image.png image.png

这就大功告成，能抓取手机的请求了

1.0 Charles HTTPS

2.0 修改请求数据或服务器返回数据

(1) 打断点
可以针对某个域名或路径(链接)打断点，按实际需求。比如此例是按路径，鼠标在路径的上方右击，就会出现如下的菜单，选择'Breakpoints'，这样断点就设置成功。

image.png

(2) 当app再对这个接口发起请求的时候，就会进入断点，第一个界面是发起的链接请求

image.png

(3) 第一个界面点击下方的'Execute'按钮，就会发起请求，当收到服务器的返回，就进入下面的界面

image.png

推荐两个本人体验极佳的JSON展示及编辑网站
JSON格式化
JSON编辑

3.0 本地数据替换后台返回数据

移动端开发调试过程中避免不了要做假数据，平时的做法可能有以下两种
(1)后台生成
弊端：需要后台同事的配合，当然有个中国好同事是可遇不可求的，自己能动手做的东西就不要依赖其他人
(2)app内部添加文件或者假数据代码
弊端：代码的入侵比较大，并且可能不能模拟完成的一个流程(比如：缺少网络请求的部分)

Charles 是支持将本地的数据替换成后台返回数据，方法如下
可以在上面的抓取服务器的数据中保存一份在本地(这里只是一个例子，当然可以自己编辑一份保存在本地，只要是JSON文件就可以)

image.png image.png image.png image.png

这样就修改完成了，这个接口每次的请求返回的都是我们设置好的本地数据