如何用技术手段“干掉”优酷、腾讯视频 App 里讨厌的广告？

2017 年 12 月 28 日 CSDN 互扯程序

点击上方“CSDN”，选择“置顶公众号”

关键时刻，第一时间送达！

作者简介：互扯程序，某互联网公司 P8 级专家攻城狮，曾参与过央视全台网的研发工作。目前正在做车联网项目的云平台的架构设计与研发工作。平时喜欢打球游泳，偶尔发表一些技术文章，有个公众号叫「互扯程序」。

写在前面

本文主要目的是交流学习 Charles 抓包工具的使用技巧，以及给大家分享一下分析问题的思路，欢迎大家评论转发，但不能以盈利为目的行为。广告对于内容提供商来说是重要的财务来源，请大家多多看广告，这样才能促使内容提供商发布更多的内容供大家欣赏。

这篇文档是 Charles 抓包工具的高级用法，如何下载安装以及怎样配置，请看我上一篇关于 Charles 的介绍。

前几天写了 DNS 域名解析的文章，在写的过程中让我又加深了对域名解析的理解，然后又结合 Charles 抓包工具，所以突发奇想，能不能做点好玩的事情呢？那我们就继续我们今天的主题吧！

如何使用抓包神器 Charles？

移动互联网的发展，促使各大商家的广告投放从传统媒介转移到了移动设备终端，所以我们在使用各种视频 App 的时候，会有大量的广告来缓解我们的“视觉疲劳”。哈哈，追剧的人趁着广告休息休息自己的眼睛。那不想休息的人呢？怎么把广告去掉呢？那就要使用我们的抓包神器 Charles 了，我们把整个抓包过程和分析过程按照步骤一一写出了，供大家学习交流。

第一步先去掉系统代理（系统代理默认是打开的），因为这样减少数据量，方便我们观察。
第二步配置 SSL 证书，因为很多视频 App 发送的部分请求是 HTTPS 的。
第三步配置手机代理。

以上三步在上一篇的 Charles 教程里都有，不了解的同学先移步过去按照过程配置一下，支持 Windows 和 Mac，完成之后就可以一步步地跟着我下面的教程继续了。

去除优酷视频 App 广告

打开优酷 App，这时候你会发现一堆的请求被我们截取到，这些基本没用，全部清空。然后，随便选择一个视频，点击打开，我们又拦截到了一堆的请求，这时候视频里的广告开始播放，OK，这些抓取到的数据，其中就有广告数据。那我们就专心关注这些数据，一一打开观察一下，后续再进来的请求基本没用了，我们记录下来最后位置。

观察一下返回的 JSON 数据，看看哪个比较像，有一些返回图片的请求肯定不是了，可以配置排除抓取这些请求，不再抓这样的包，减少我们要关注的请求量。

打开 Proxy -> Recoding Settings... 加入要排除的抓包请求，然后清空页面，重新点开视频，这时候我们排除请求就看不到了。

但是还是有一堆请求，该怎么办呢？用一个简单的原理（想要了解的话，可以看看我上一篇关于 DNS 的文章，不了解也不影响我们继续下面的教程），把这些域名重定向到另外一个不存在的服务地址，右键 -> 选择 Map Remote。

这里我们把它重定向到本机地址不存在的服务端口：

一个一个的修改尝试，把所有域名都改一遍，修改一个，点击一下手机视频，看看是否播放正常。

当你发现广告不播了，提示错误，这说明你找到了那个关键的请求。

找到这个请求，去掉重定向，发现播放又正常了，OK，确认了我们要找的请求数据。

其实就是 https://ups.youku.com。

下面我们开始分析这个请求：

我们把返回的 JSON 数据 Copy 出来放到 JSON 浏览工具里：

从这个 JSON 来看，ad 应该就是广告了，而 Stream 就是实际的视频流了。我们点击打开 ad 看到了一堆的连接地址。

随便 Copy 一个放到浏览器里，就会播放广告了。从分析来看，优酷的广告是分段的，每一小段的广告组成了他将近两分钟的广告内容。

顺便看看 Stream 的内容，同样是一堆的 URL 地址，随便打开一个，这就是实际播放的视频了，从分析来看，同样也是一个片段一个片段组成的一个完整的视频。

到这儿，大家是不是觉得有点意思啊。同时也会有一个疑问，怎么把广告去掉呢？我们先不着急得到最终答案，先来看看另外一个新功能。我们把刚才的 JSON 数据，保存到桌面，命名为"ups.JSON"备用。然后选中 https://ups.youku.com，右键选择 Map Local，然后点击 Choose 选择刚才备份的那个文件，然后点击 OK。

然后看看效果，刚才我选择的连续剧里面的其中一集，现在不管选择哪一集，播放的都是刚才那一集。是不是很神奇？聪明的朋友已经想到这是为什么了。我们来讲一下 Map Local 的作用是什么？

Map Remote 这个在上一遍文章里已经讲过，代理转发，或者叫请求重定向，把一个请求地址转发到另外一个地址去处理，Remote 是远程，意思把这个请求重定向到另外一个远程的地址上。
而 Map Local，顾名思义，就是把请求重定向到本地。而本地的文件里模拟的就是请求的返回结果。所以说，他每次的请求都会被重定向到同一个地方，返回同样的数据，所以不管点击任何一个节目，都会播放我们选择的那条数据。

OK，那么我们该怎么处理广告呢？我们已经找到了广告的那段数据，我们尝试修改广告的请求地址，改到任意一个不存在的地址，这样播放器就下载不到这个广告，就无法进行播放了。

大家会不会认为既然广告不能播了，那我们要看的电视剧还能正常播放吗？这是一个很好的问题，试想一下，哪个 App 会因为网络不通畅导致广告没播成，就不再继续请求视频数据了？这样用户将大量流失，他们肯定会做容错处理的。

我们先来改改试试，打开刚才保存的 ups.JSON 文件，找到 ad，然后修改里面的地址，然后保存。

我们再重新点击手机视频，还是有广告播放，这是因为之前播过广告了，App 进行了缓存。我们需要操作一下 App，清除缓存。选择我的 -> 设置（右上角）

再次点击视频。发现一直在旋转等待，等了半天，没播广告，播视频了。旋转等待的原因，是由于我们给了一个无效的广告地址，他去请求，但是请求不到，一直等到超时返回，才继续播放视频。

到这，广告没了，大功告成了？没有，这样做也太 low 了。还不如看广告呢......

前面讲的都是分析过程，最后我们要放大招了。把之前所有的配置全都删除掉，重新来，其实就一步搞定。那为什么要啰嗦半天呢？如果不啰嗦半天，我们学不到东西啊。过程永远比结果更重要。

我们根据刚才的分析结果：“如果找不到广告，App 会进行容错，继续播放视频”，我们要动态改写返回结果，把 ad 改成 ad1。那么 App 找不到 ad 属性，将解析不到广告内容，便不会播放广告，而是会继续播放视频，一点卡顿都没有，因为不像是之前给了个假地址，需要等待超时时间。

Tool -> Rewrite...

OK，大功告成。去 App 里点击试试看吧。

接下来我们再看，如何去除腾讯视频的广告，其实更简单

打开腾讯视频 App，这时候你会发现一堆的请求被我们截取到，这些基本没用，全部清空，然后随便选择一个视频，点击打开，我们又拦截到了一堆的请求，这时候视频里的广告开始播放，OK，这些抓取到的数据，其中就有广告数据。那我们就专心关注这些数据，一一打开观察一下，后续再进来的请求基本没用了，我们记录下来最后位置。