Charles:移动开发“自测利器”

本文介绍的功能:

  • 安装和基本使用
  • 支持https
  • 断点的使用(修改请求和返回数据)
  • 重定向和加载本地数据

安装和使用

下载地址 (打开连接搜索)
1、打开上面地址,然后搜索charles,有下载地址和相应的破解方法
2、安装,打开软件
3、打开 Help — Local IP Address。查看本机的IP地址

查看本机IP地址.png
查看本机IP地址.png

3、设置手机,手机需要连接到和电脑在同一网络的 WIFI

依次打开“设置 — 无线局域网 — 点击已选wifi最右边的感叹号”

设置手机代理.png

填好以后,返回。
打开Chales即可看到手机的http请求都可以被Charles监控

以美团外卖为例:
清空接口:可以清空侧栏所有记录的接口
停止记录:接口依然会通过代理,但是不会在侧栏记录和显示

Charles使用界面.png


抓包Https请求

上面最基本的抓包使用,是不能抓取https的数据的,抓取到的https数据是乱码的。随着苹果方面的要求,iOS 的App都需要使用https的请求。所以绝大部分的接口还是需要https。所以charles需要支持https

1、电脑证书

电脑证书.png

选择“Install Charles Root Certificate” 后可能需要输入电脑密码,输入密码以后,会自动打开“钥匙串”

此时电脑证书已经安装成功,在钥匙串中找到相应的证书

Charles Proxy CA

双击证书,把证书的信任设置为“始终信任”

设置证书信任.png

2、Charles设置

Charles代理设置.png

打开Charles的 SSL Proxying Settings...

Charles代理设置.png


3、手机证书

在保证手机连接到了charles的代理后,再安装手机证书
在保证手机连接到了charles的代理后,再安装手机证书
在保证手机连接到了charles的代理后,再安装手机证书

手机证书地址

按照上面的路径,可以看到下面这个

使用Safari打开网址.png

手机安装证书完成后的界面如下

证书安装完成.png

★ 注意:对于 iOS 10.3 及其以后的版本,安装完证书后,还需要设置证书的权限

路径 “设置 — 通用 — 关于本机 — (滑到最下面) — 证书信任设置 ” 把对应证书的开关打开


断点的使用

首先介绍一下什么是断点

Charles的断点

  • 在抓取接口时,请求发出去之前,拦截并暂停。此时可以修改请求的参数
  • 在接口返回数据,而数据到达客户端之前,拦截并暂停。此时可以修改返回的数据
断点开关.png

添加断点

方法一
直接根据自己的需求添加断点

断点设置
添加断点

方法二
快速添加断点

右击特定接口,直接添加接口断点

快速添加

在这个模式下,可以整个域名下所有接口添加断点

域名添加

快速添加断点时需要注意
打开断点设置界面,查看新添加的断点中的 Query 项是否有类似时间戳的参数,如果有的话,每次请求的时间参数不同,会导致下次请求的时候,由于时间参数不同,断点功能失效。解决方法可以清空 Query项的内容。

使用断点

设置好接口断点以后,再次请求该接口,Charles就会出现如下界面

接口断点
接口断点

结束断点以后,App拿到的收据就是你修改后的数据

这个功能还是比较实用的,这样就可以省略一些服务端需要的配合。自己可以通过修改数据来模拟出不同的情况。

重定向、加载本地数据

在发开和测试的过程中,不免会遇到这种情况。就是需要频繁的切换开发环境和测试环境,或者是开发环境中的数据比较丰富,需要切换到开发环境中看一下数据显示情况。这个时候Charles的重定向功能就很好用了

重定向

添加
设置

还可以通过对接口右击的方式添加,如下图

接口重定向

这样设置好以后,再次访问 wmapi.maituan.com就会被转到 newwmapi.maituan.com这个域名。不需要切换的时候,只需要关闭功能即可

加载本地数据

上面我们介绍了通过断点可以修改返回数据,来模拟出不同的显示情况。断点的情况只适合比较少,比较快速的修改。如果需要修改特别多的数据。或者是在开发刚开始,接口还不可使用时,移动端需要一些假数据来支持自己的开发。这个时候就可以用Charles加载本地的假数据来开发

这个时候需要配合使用的软件 JsonEdit 下载地址

通过JsonEdit软件 和 后台给的接口文档的结构,自己制造出假数据
保存到本地json数据

制造假数据

本地数据制造完成后,返回到Charles,选择需要假数据的接口,右击


设置
设置

这样设置好以后,此接口的数据,就是加载的本地刚刚保存的数据。修改本地数据,然后重新请求接口,App上的显示就会跟着改变。在自测环节这样的做法很高效。



最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 161,780评论 4 369
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 68,424评论 1 305
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 111,397评论 0 254
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 44,576评论 0 218
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 52,997评论 3 295
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 40,945评论 1 224
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 32,107评论 2 317
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 30,850评论 0 208
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 34,625评论 1 250
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 30,804评论 2 253
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 32,285评论 1 265
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 28,613评论 3 261
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 33,291评论 3 242
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 26,164评论 0 8
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 26,963评论 0 201
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 36,096评论 2 285
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 35,886评论 2 278

推荐阅读更多精彩内容

  • 简介 Charles是在 Mac 下常用的网络封包截取工具,在做移动开发时,我们为了调试与服务器端的网络通讯协议,...
    古佛青灯度流年阅读 3,789评论 1 20
  • 团聚的日子,弘没有回家,上省城去找朝思梦想未曾碰面的小哥哥,这伙子并未表现出和弘一样的热情,晾了弘一天。 中...
    橘蔓阅读 193评论 0 0
  • 当我奔波于街道 沐浴着春光妩媚 蓦然回首 时光已悄悄溜走
    zyl林阅读 231评论 6 2
  • 做完饭饭,和家人讲电话。千古以来的话题 ……我都有抵抗力了。 想起龙应该的话:所谓父女母子一场,只不过意味着,你和...
    WoodSage阅读 164评论 0 0
  • 每个人都有自己的责任,每个人都要履行自己的责任。但是,什么是责任?每个人要怎么履行自己的责任呢? 这...
    夏洛葵阅读 704评论 0 2