不求服务端,自己改接口!Charles抓包工具的应用

这篇文章主要是介绍 Charles 在开发阶段的使用方式,突出实用性,至于Charles 的介绍和配置,不是我们本文的重点,还没配置的同学可以参考这篇博文,很详细了:http://www.jianshu.com/p/fdd7c681929c

前言

作为移动开发工程师,平时开发阶段跟接口相关的工作都是要和服务端的小伙伴进行对接的,在对接的过程中一定会有一些不太方便的地方。

那么,今天我要给大家介绍一下「Charles」这款抓包软件,使用 Charles ,数据接口相关的接口和调试工作将变的高效、简单、痛快。

我将具体介绍「查阅接口数据」,「接口数据替换」,「请求重定向」这三个功能在具体开发时候的使用姿势。

查阅接口数据

我们平时开发的时候,经常要调试接口,需要看一下接口返回的数据。大部分的时候,我们是通过我们自己配置的 Log 系统来进行查阅,这种方式虽然是可以能达到我们的需求,但实际上还是比较麻烦的,一些准备工作和操作也比较多,那么我们现在拥有了 Charles,一切将变的简单粗暴,一目了然。

我们配置好了之后,所有的浏览器请求都会在 Charles 中显示,如果你的手机和模拟器也配置好了代理,那么同样,模拟器和手机走的所有请求也会被列出来。host 闪过一下黄色标记,表示这个 host 下有一个新的请求刚刚走过。

图中左侧是 Charles 抓到的所有包的汇总,以请求的 host 为分类,右侧是这个请求具体的信息,包括请求头,返回的数据以及和这个请求相关的所有信息,如果数据是 JSON 格式,那么它会自动的格式化,如果是图片流,也会直接把图片显示出来等等,你想要有关这个接口的一切,都能一目了然。

不过有时候,我们的请求有点太多了,我们需要观察的就是一些特殊的 host 的请求。比如在这里,我们希望看到的就是「www.jianshu.com」这个 host 下的请求,那么我们可以通过「Proxy->Recording Settings」来设置过滤项,不过我一般会直接右击需要的 host 选中 Force 进行筛选,如下图所示:

我们可以看到,这样其他的 host 都会被归类到「Other Hosts」中了。

这样,我们平时查阅接口信息就会变得简单粗暴了。

接口数据替换

我们平时在开发过程中会经常遇到一些情况。比如你已经开始写请求的代码了,但服务端那边的接口还没写好,你的逻辑可能已经写完却没有办法去测试验证,你只能干等或者通过自己在代码中添加一些假数据来模拟请求,耗时耗力。

或者虽然你接口和服务端调通了,但你想做一些边界值的测试,想修改请求返回的值或者参数,这不是一件容易的事,往往需要服务端的配合,如果我们能自己通过某种手段轻松的更改返回数据,岂不是一件能够帮助我们提高代码容错率的美事?

Charles 可以很轻易的办到。

我们现在用 Retrofit 写一段简单的请求代码:

这里的 getCall() 方法就是一个简单的 get 请求,完整的请求地址为: http://fy.iciba.com/ajax.php?a=fy&f=auto&t=auto&w=hello%20world

MessageBean 是这样的,我们定义了一个 show() 方法来打印出字段:

我们进入应用,在 Charles 中看到的数据是这样的:

在应用中的日志显示是这样的:

这时候,我们想修改下 from 字段的值该怎么做呢?很简单。只需在「Tools->Rewrite」中选择「Enable Rewrite」,再 add 一个「Rewrite Rule」,在里面填入你想替换的数据即可:

点击确定,我们重新请求一下,再看一下返回数据:

注意到了吗,返回的数据真正的被替换掉了,从此以后,我们自己也可以轻易模拟数据了!再也不用麻烦服务端的小伙伴了!

请求重定向

请求重定向是啥意思吧,我们设想有这样一个现实的场景:

服务端的童鞋先把数据的格式定义好了,比如上面的 MessageBean 具体的字段先给到我们了,然后给了我们一个测试地址和正式地址,但正式地址还没布好,我们只能先用测试地址来写逻辑和测试。

我们这个时候有了重定向,我们可以在写逻辑的时候,把请求的地址依然用的是正式地址,但通过使用 Charles 的重定向功能,我们在运行的时候,实际上走的请求是测试地址的请求,等到回头服务端的童鞋把正式环境布好的时候,我们不需要特意去代码中更改请求地址,减少了修改可能造成的出错可能。

还是举例上面的例子,我们刚刚请求的地址,我们也有日志打印出了它的返回 Response:

我们现在把这个请求重定向到 www.baidu.com 这个地址上,按理说如果重定向成功了,那么应该是返回百度首页 html 的页面代码数据,我们实际操作下看看:

我们将请求地址改成我们设置的地址:

现在我们重新运行一下,看一下请求日志:

我们发现,同样的地址,返回结果已经不一样了,返回的是百度首页的 html 代码了。

其他功能

Charles 还有非常多好用的功能有待大家自己去发掘,比如断点功能,重发请求功能。这里再说一个比较好用的功能,那就是模拟慢网的功能。对于我们平时开发来说,这个功能还是很实用的,很多时候,一些 bug 都是在这样的一种特殊情况才能复现。

打开方式就是「Proxy->Start Throttling」,同时通过「Proxy->Throttling Settings」可以进行更细致的网络设置。

总结

相信大家已经迫不及待的来使用 Charles 了,这款神器可以说是开发必备。当然,作为程序员,我们更应该了解到软件产品产出的不易,希望大家可以支持正版,尊重他人的劳动成果,从正规渠道进行购买哦

原文发布于微信公众号 - WeaponZhi(WeaponZhi)

原文发表时间:2017-10-22

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏码匠的流水账

聊聊phantomjs的优化措施

phantomjs相当于一个后台浏览器,有点内嵌jetty的味道,通常在自动化测试或者爬虫领域用。

1771
来自专栏腾讯大数据的专栏

zookeeper 运营经验分享

Zookeeper作为TDBank系统的一个重要模块,我们运营它已经两年多。在使用过程中,我们也遇到了一些问题及走过很多弯路,本文主要对zookeeper运营经...

2639
来自专栏QQ空间开发团队的专栏

TPatch动态补丁系统(iOS)

对于每一个开发,从写Hello World开始,到使用各种语言,可能都会遇到各种BUG。有的BUG能快速解决,比如Web侧的,发个JS或者Html即可。但是在终...

2.5K1
来自专栏知晓程序

开发 | 效率提升 100%,小程序开发应该这样做

1533
来自专栏腾讯Bugly的专栏

《移动端本地 H5 秒开方案探索与实现》

对 APP 里的一些使用 H5 实现的功能模块,一般体验都比原生差,那么怎么提高h5加载速度?优化 h5 体验?

1.2K13
来自专栏全华班

敏捷工作流开发平台(学习参考)

资源管理(用于服务器鉴权,用户分配资源菜单)、数据字典、定时计划(定时调度引擎)、系统属性(多环境系统参数定义)、系统数据源(系统支持多数据源的数据获取,系统数...

1821
来自专栏杂烩

GitHug备忘 原

作为开源代码库以及版本控制系统,Github拥有140多万开发者用户。随着越来越多的应用程序转移到了云上,Github已经成为了管理软件开发以及发现已有代码的首...

625
来自专栏大数据实战演练

Linux NTP时钟同步

时钟同步在大数据方向,用到的地方很多。举个例子来说吧,像Zookeeper、RegionServer服务都是需要实时和各节点进行通信的。假如各节点差超过30s,...

3342
来自专栏张戈的专栏

替代crontab,统一定时任务管理系统cronsun简介

摘 要 cronsun 是一个分布式任务系统,单个节点和 Linux 机器上的 crontab 近似。是为了解决多台 Linux  机器上 crontab 任...

1.4K13
来自专栏伪君子的梦呓

电脑使用 Vysor 控制手机

想用安卓手机一步一步演示个东西给别人看的时候,恰巧遇到对方不在身边;安卓手机上的东西想投影到 Windows 电脑上,用电脑控制手机,却没找到合适的方式;上班时...

1524

扫码关注云+社区