「HTTP Catcher 」没想到手机也能抓包-原创手记-慕课网

背景

之前介绍过 Charles 抓包神器，主要是解决在开发过程中快速定位是界面展示 Bug 还是接口数据异常，这样基本上在开发过程中就能解决很多问题了。

但。。。

但是不知道大家有没有遇到过这样的场景。

线上发布 App 出现一个 Bug，但是这个时候可能并不在公司（等于 Charles 无法发挥作用），也需要立即定位问题，数据问题？界面问题？我的代码没动过啊！明明测试环境都是好的，大部分用户也是好的啊。
基于 Charles 的 Map Remote 或 Rewrite 我们可以做到 App 灵活的在服务测试环境和正式环境之间切换，但是有一个前提，就是需要 电脑💻，要是没有电脑呢？

以上只是针对开发的，在看看你有没有这样的需求呢！！！！

有的 App 的广告真的太过分了，非常影响体验（虽然添加广告也是合理的）有没有什么办法可以去掉某些 App 的广告呢。
不花钱的 VIP 他不香吗？

HTTP Catcher 简介

交代了故事背景，今天的主角就登场了。

HTTP Catcher 是一个 Web 调试工具，可以对来自 iOS 系统的 http/https 请求进行拦截，查看，修改和重放。

你不需要连接电脑，HTTP Catcher 可以在后台记录 Wi-Fi 和蜂窝网络下的 HTTP 流量。HTTP Catcher 让你非常容易的测试你的应用和网站，你可以直接查看它们的请求和响应。

HTTP Catcher 会创建一个VPN配置。当你开启抓包时，HTTP Catcher 会在 VPN 进程中启动一个本地 HTTP 代理，所有的 HTTP 流量将通过 VPN 转发到这个本地代理中。

功能

解密 HTTPS
实时修改请求和响应
请求重放
阻止请求
域名过滤
DNS 修改

看到这里可能你对 HTTP Catcher 有一个基本的认识，这只是对它的一个基本介绍。

安装 & 配置

在 AppStore 下载 HTTP Catcher。
安装证书，因为我们需要抓取 HTTPS 请求。

如上图所示，点击解密 HTTPS 流量 - 安装证书 - 下载证书 - 设置 - 已下载描述文件中安装证书
证书信任

紧接着我们还需要在 iOS 中对此证书进行信任。

设置 - 通过 - 关于本机 - 证书信任设置 - 选择 HTTP Catcher CA

HTTP Catcher 界面功能介绍

主菜单

序号	含义
0️⃣	HTTP Catcher 所抓到的包会现在在这个 Tab 下
1️⃣	开始监听请求，在开始监听前会清空之前的历史请求
2️⃣	跳转到工具栏，工具栏详情有过滤器，代理，DNS 劫持，重写，黑名单
4️⃣	请求列表展示处
5️⃣	监听到的请求是按照请求时间展示，还是按照域名聚合展示
6️⃣	可以过滤请求结果。只展示 JSON 或者图片，媒体，WebSocket，HTML
7️⃣	历史数据监听包，点击右上角可删除。

解密 HTTPS 流量开关

如果不开启此开关，那么默认只会监听 HTTP 的流量。

不过我们在开发测试的时候一般是在 HTTP 下进行，正式进入生产环境才会使用 HTTPS，所以在开发环境下不需要打开次开关。

过滤器

过滤器的作用可以对指定的域名进行定向抓包，因为如果不设置指定域名的话，那么在开启代理后，会有很多其他的 App 的请求包，会略微影响到观看数据体验。

还有就是因为 iOS 系统不信任用户导入的证书，所以在开启抓包之后，类似于 iCloud，AppStore，iTunes 都是无法使用的，为了不影响上述服务的使用，我们可以将苹果旗下的域名进行排除。

DNS 劫持

假设我们正在开发的 App 的正式环境的域名为 https://api.i.server.com 此时我们想要将次 App 变为测试环境 App

那么我们就需要将对应的 https://api.i.server.com 转变为 https://api.t.server.com ，这样这个 App 就变成测试环境 App 啦。

DNS 就是为了实现这个功能的。

黑名单

黑名单的作用就是设置之后，无法对目标地址发起请求。

至于应用场景，还没有太 Get 到。

重写

重写基本上就是 HTTP Catcher 最强大的功能了，对标 Charles 的 Rewrite 功能。

主要作用是可以针对一次 HTTP 请求包，可以在请求和响应阶段修改任何内容。

修改细则为

添加 Header
修改 Header
删除 Header
Path
URL
添加 Query 参数
修改 Query 参数
删除 Query 参数
添加表单参数
修改表单参数
删除表单参数
修改 Body

WiFi 访问

实战

去广告

某天想去下载一款斗图方面的表情包软件，然后就在 AppStore 上搜索并下载了 斗图表情 。接下来是使用体验。

打开 App 弹出 5s 广告。
打开软件之后可能不到 2s 吧，直接弹出 AppStore 评分，这。。。。
在浏览20s 之后直接弹出 28s 的广告。并且刚开始还不能关闭，需要浏览 5 秒之后才能关闭。

到这我想直接好家伙，这饭恰的也太。。。。（有点让我不舒服，哈哈哈哈）

9D3C73B9-62B7-4B92-B642-BE1CDD113E2C.eb3

我也是被逼急了，不得不采用技术手段解决这件事了。

因为 App 需要在启动的时候就加载广告，那么 App 开屏页需要展示什么对应的肯定是服务器返回的。所以我们需要抓取一下在 App 刚开始启动的时候的接口调用情况。

此时打开 Charles ，手机配置好代理，就开始准备抓包了。分析启动接口。

上方图示可以看到，在 App 刚刚启动的时候通过观察接口抓取情况，可以定位到该软件的域名是 adesk.com。然后接下来就需要分析接口了。

将所有请求展开之后，可以看到上方蓝色部分的 config 接口还是很醒目的💩💩💩💩。

打开他看一下

{
	"code": 0,
	"msg": null,
	"res": {
		"app_rate": {
			"enable_rate": true,
			"tyle_custom": true,
			"main_title": "给我们些建议吧！",
			"sub_title": "非常感谢您使用我们的产品，我们非常重视您的评价和意见，如果您喜欢我们的产品，请给个好评吧！",
			"confirm_text": "好评一下",
			"cancel_text": "我再想想",
			"targeturl": "https://apps.apple.com/cn/app/id1155901497",
			"rate_interval": 2,
			"rate_limit_time": 2
		},
		"app_update": {...},
		"app_configuration": {...},
		"other_data": {...},
		"app_advertising": {...}
	}
}

好家伙，原来让我一进入 App 就评分就是这个东西再搞鬼。

在看下面的 app_advertising 这个字段，很明显就是针对 App 广告的配置了。

既然接口已经找到了，那么就可以开始我们进攻的号角了

虽然目前我们虽然通过接口分析 看到了类似广告的接口，但是我们还是需要来验证自己的推测。这里建议先在电脑上使用 Charles 的 Map Local 功能直接修改到执行的文本文件里。然后直接将 app_advertising 对应的字段改为空对象，快速验证我们自己的想法。

{
	"code": 0,
	"msg": null,
	"res": {
		"app_rate": {
			"enable_rate": true,
			"tyle_custom": true,
			"main_title": "给我们些建议吧！",
			"sub_title": "非常感谢您使用我们的产品，我们非常重视您的评价和意见，如果您喜欢我们的产品，请给个好评吧！",
			"confirm_text": "好评一下",
			"cancel_text": "我再想想",
			"targeturl": "https://apps.apple.com/cn/app/id1155901497",
			"rate_interval": 2,
			"rate_limit_time": 2
		},
		"app_update": {...},
		"app_configuration": {...},
		"other_data": {...},
		"app_advertising": {}
	}
}

我们将对应的返回结果里面的 app_advertising 字段修改为空对象，然后保存为 “ad.json” 然后手动将次接口的响应结果映射 ad.json 这样最终的返回接口就是 ad.json 文件中的内容了。

在经过 Charles 设置之后的 App 就没有广告了，真的是通畅无比。

9150e4e5ly1fdxmnz82yrj208y08w40i.593885d

刚才我们已经在电脑上通过 Charles 实现了广告过滤，那么其实大部分时间我们在使用手机的时候不在电脑旁边，也不一定连接的同一个 WIFI

这个时候就到 HTTP Catcher 就排上用场了。我们主要的任务就是将在电脑上 Charles 实现的功能自己在实现以下就可以了。

开启手机 HTTP Catcher 数据包监听，打开软件，耐心等待广告加载完成后进入 HTTP Catcher。

如上图所示，选择 new-kv.adesk.com 然后选中 config 接口左滑。选择更多

在弹出的菜单栏中选择新建重写，选择在文本编辑器中编辑，然后复制下面的内容，将文本框中的内容进行替换。

{
   "rules" : [
    {
      "action" : "body",
      "matchField" : "",
      "field" : "",
      "value" : "\"app_advertising1\":{},\"test\"",
      "matchValue" : "\"app_advertising\"",
      "destiontion" : "response",
      "isRegex" : false
    }
  ],
  "enabled" : true,
  "name" : "去广告 ",
  "description" : "",
  "locations" : [
    {
      "method" : "GET",
      "scheme" : "https",
      "enabled" : true,
      "port" : 443,
      "query" : "appver=2.9.7&amp;os=ios&amp;packagename=com.emojifair.emoji",
      "host" : "new-kv.adesk.com",
      "path" : "\/v1\/config"
    }
  ]
}

替换后，重启一下 HTTP Catcher, 然后在打开软件你会发现🤩 这软件用起来真的体验翻倍。

白嫖 VIP

这里以 iOS 端 有道云笔记 为例

在 HTTP Catcher 重写中添加以下内容

{
  "rules" : [
    {
      "action" : "body",
      "matchField" : "",
      "field" : "",
      "value" : "{\"service\": 1,\"payYear\": \"true\",\"end\": \"4100688000000\",\"um\": {\"nn\":\"atomhu\",\"q\": 3225419776,\"u\": 31360,\"dp\": 0,\"dq\": 100}}",
      "matchValue" : "[\\s\\S]+",
      "destiontion" : "response",
      "isRegex" : true
    }
  ],
  "enabled" : true,
  "name" : "有道笔记破解会员",
  "locations" : [
    {
      "method" : "POST",
      "scheme" : "https",
      "enabled" : true,
      "port" : 443,
      "query" : "method=status",
      "host" : "note.youdao.com",
      "path" : "\/yws\/mapi\/payment"
    }
  ]
}

然后再次打开有道云，你会神奇的发现，你已经变身 VIP 了 🤩🤩🤩🤩

这里变为 VIP 实际上也是利用重写功能，在有道云返回用户信息的接口里面，手动修改了用户的 VIP 状态。

006dMd5bgy1fj6q9bw5ozj308c08cq38.5932f02

很多的软件需要大家去探索才行，至于最后是否 OK 是多方面因数所影响的。

软件抓取报告

当我学会使用 Charles 时开始，一发不可收拾，市面上大部分常见 App 我都抓取过，这里整理一份报告

App 名称	是否可抓取	Content-Type	备注
掘金	✔️	application/json; charset=utf-8	通过接口拿到一些自己定向想要查看的信息，定向搜索整理资源这就是项目 awesome-IntelliJ-IDEA 的由来
简书	❌	未知	比较奇怪，开启抓包后简书就不能使用了。
CSDN	✔️	application/json; charset=utf-8	CSDN 有验签，接口不能重复请求
斗图表情	✔️	application/json; charset=utf-8	去广告
小睡眠	✔️	application/json; charset=utf-8	可以通过重写将自己的 Tilte 改为 VIP 但是不能带来实际的改变因为权限验证是后端
潮汐	✔️	application/json; charset=utf-8	倒腾了好久，最终还是没能白嫖 VIP🤩🤩
闲鱼	❌	未知	不知道是不是阿里系原因什么都看不到靓仔落泪
自如	✔️
网易云	✔️	text/plain;charset=UTF-8	网易云的返回结果应该都是加密的什么都看不到
B 站	✔️	application/json; charset=utf-8	bilibili-schedule 哔哩哔哩（Bilibili）每日任务投币，点赞，分享视频，直播签到，银瓜子兑换硬币，漫画每日签到
微博	✔️	application/json; charset=utf-8	可以抓取每日热榜数据等
最右	✔️		我记得最右是关停过一段时间整体架构升级。我只能说改版后的架构我什么都看不出来。
豆瓣	✔️	application/json; charset=utf-8	电影榜单
幕布	✔️	application/json; charset=utf-8	可以抓取优秀笔记
滴答清单	✔️	application/json; charset=utf-8	如果你足够牛逼，应该可以变身 VIP
知乎	✔️	application/json; charset=utf-8	知乎热榜知乎热搜词
有道云笔记	✔️	application/json; charset=utf-8	实现 VIP 🤩🤩 通过重写功能可以实现 VIP 才能使用的 faceID 功能
美团	✔️	application/json; charset=utf-8	查看自己附近的店铺列表
饿了吗	✔️	application/json; charset=utf-8	查看自己附近的店铺列表
京东	✔️	application/json; charset=utf-8	可以通过借口实现京东模拟签到
理想	✔️	application/json; charset=utf-8	分析接口设计
小鹏	✔️	application/json; charset=utf-8	分析接口设计
蔚来	✔️	application/json; charset=utf-8	分析接口设计，蔚来的每个接口都是加签的，安全性还是比较高的。

写到最后

学习 Charles，HTTP Catcher 这样的抓包软件，是为了帮助自己解决工作中棘手的问题。

在没有电脑的情况下，也能通过手机定位问题。再也不用一会要下载正式环境 App 一会又要安装测试环境 App 了。

同时也可以通过抓包学习一下其他公司的 API 接口设计。

如果恰巧你对这方面格外有兴趣的话，那么实现禁用广告，VIP 破解，甚至于商品秒杀，都没问题。

开源项目推荐

[SCHEDULE-BILIBILI]github.com/xiaoxiunique/schedule-bilibili

只有 Js 能干点啥，JS 和 Github Actions 实现哔哩哔哩每日自动签到、投币、领取奖励。🐄 🍺

[awesome-IntelliJ-IDEA]github.com/xiaoxiunique/awesome-IntelliJ-IDEA

这可能是全网最全的 IDEA 项目资源吧。🐄 🍺