《吐血整理》高级系列教程-吃透Fiddler抓包教程(31)-Fiddler如何抓取Android系统中Flutter应用程序的包

1.简介

Flutter是谷歌的移动UI框架，可以快速在iOS和Android上构建高质量的原生用户界面。Flutter应用程序是用Dart编写的，这是一种由Google在7年多前创建的语言。Flutter是Google使用Dart语言开发的移动应用开发框架，使用一套Dart代码就能快速构建高性能、高保真的iOS和Android应用程序。

HTTP应用层的抓包已经成为日常工作测试与调试中的重要一环，最近接触新项目突然之间发现之前的抓包手段都不好使了，顿时模块与模块之间的前端与服务之间的交互都变成了不可见，整个人都好像被蒙住了眼睛。

2.验证是否走代理

Flutter 应用的网络请求是不走手机的系统代理的，也就是说你在系统设置中设置了代理地址和端口号后 Flutter 也不会走你的代理，而抓包是必须要设置代理的，然后走代理我们才可以成功的抓到包，现在人家都不从你这里走，累死你都抓不到。

方法一：首先我们使用正常的抓包流程：通过fiddler进行抓包，可以看到，只抓到一些图片和一些没有用处的乱七八糟的文件，那么很有可能他不走代理。

还有一种方法可以判断APP是否为无代理请求模式：以fiddler为例，当我们配置好fiddler证书、模拟器wifi配置好ip和端口后,客户端关闭fiddler抓包工具,如果该APP还可以正常运行说明请求为无代理模式。

宏哥查了一下现在使用Flutter的应用程序，发现好多程序都用它，宏哥就选择了某鱼这一款APP。

按照之前的宏哥配置，模拟器配置了代理而且这个代理是走Fiddler的，如果宏哥没有启动Fiddler如果是走代理的应用程序，就会出现网络问题，如果是不走代理的应用程序，就可以正常访问网络。具体操作步骤如下：

1.宏哥没有启动Fiddler，然后用浏览器访问百度，出现网络问题，因为代理的网络走到Fiddler这里，Fiddler不通，出现网络问题。如下图所示：

2.宏哥没有启动Fiddler，然后启动应用某鱼APP，正常访问网络，因为不走代理的网络，Fiddler启动不启动对其没有影响，不会出现网络问题。如下图所示：

通过以上对比，我们确认了这款某鱼APP不走我们手机设置的代理，因此我们就不可能抓到它的包了。

3.为什么http请求没有通过wifi走代理？

为什么http请求没有通过wifi走代理呢，因为之前安卓原生使用的一些http框架都是正常走代理的啊，那是不是有可能代码中有api方法可以设置请求不走代理，于是乎就研读了一下Flutter中http相关的源码，最终找到了答案。

3.1http请求源码跟踪

http.dart中的HttpClient是一个抽象类，成员方法的具体实现在http_impl.dart中，http的get请求实现如下：

Future<HttpClientRequest> getUrl(Uri url) => _openUrl("get", url);
 
Future<_HttpClientRequest> _openUrl(String method, Uri uri) {
 
 .
 
 .
 
 .
 
 // Check to see if a proxy server should be used for this connection.
 
 var proxyConf = const _ProxyConfiguration.direct();
 
 if (_findProxy != null) {
 
 // TODO(sgjesse): Keep a map of these as normally only a few
 
 // configuration strings will be used.
 
 try {
 
 proxyConf = new _ProxyConfiguration(_findProxy(uri));
 
 } catch (error, stackTrace) {
 
 return new Future.error(error, stackTrace);
 
 }
 
 }
 
 return _getConnection(uri.host, port, proxyConf, isSecure)
 
 .then((_ConnectionInfo info) {
 
 .
 
 .
 
 .
 
 });
 
}

首先，我们可以发现方法中有一行注释// Check to see if a proxy server should be used for this connection.，意思是“检查是否应该使用代理服务器进行此连接”；

然后，有一个proxyConf对象初始化和根据_findProxy来创建新的proxyConf对象的语句，然后通过_getConnection(uri.host, port, proxyConf, isSecure)来创建连接，_getConnection的源码如下：

Future<_ConnectionInfo> _getConnection(String uriHost, int uriPort,
 
 _ProxyConfiguration proxyConf, bool isSecure) {
 
 Iterator<_Proxy> proxies = proxyConf.proxies.iterator;
 
 Future<_ConnectionInfo> connect(error) {
 
 if (!proxies.moveNext()) return new Future.error(error);
 
 _Proxy proxy = proxies.current;
 
 String host = proxy.isDirect ? uriHost : proxy.host;
 
 int port = proxy.isDirect ? uriPort : proxy.port;
 
 return _getConnectionTarget(host, port, isSecure)
 
 .connect(uriHost, uriPort, proxy, this)
 
 // On error, continue with next proxy.
 
 .catchError(connect);
 
 }
 
 return connect(new HttpException("No proxies given"));
 
}

从代码中我们可以看到根据代理配置信息来将请求的host和port进行重置，然后创建真实的连接。

跟踪以上源码我们发现dart中http请求是否走代理是需要配置的，而_findProxy变量和配置的代理信息有关。

http__impl.dart文件中的_HttpClient类中定义了_findProxy的默认值

Function _findProxy = HttpClient.findProxyFromEnvironment;

HttpClient类中findProxyFromEnvironment方法的实现

static String findProxyFromEnvironment(Uri url,
 
 {Map<String, String> environment}) {
 
 HttpOverrides overrides = HttpOverrides.current;
 
 if (overrides == null) {
 
 return _HttpClient._findProxyFromEnvironment(url, environment);
 
 }
 
 return overrides.findProxyFromEnvironment(url, environment);
 
}

_HttpClient类中_findProxyFromEnvironment方法的实现

static String _findProxyFromEnvironment(
 
 Uri url, Map<String, String> environment) {
 
 checkNoProxy(String option) {
 
 if (option == null) return null;
 
 Iterator<String> names = option.split(",").map((s) => s.trim()).iterator;
 
 while (names.moveNext()) {
 
 var name = names.current;
 
 if ((name.startsWith("[") &&
 
 name.endsWith("]") &&
 
 "[${url.host}]" == name) ||
 
 (name.isNotEmpty && url.host.endsWith(name))) {
 
 return "DIRECT";
 
 }
 
 }
 
 return null;
 
 }
 
 checkProxy(String option) {
 
 if (option == null) return null;
 
 option = option.trim();
 
 if (option.isEmpty) return null;
 
 int pos = option.indexOf("://");
 
 if (pos >= 0) {
 
 option = option.substring(pos + 3);
 
 }
 
 pos = option.indexOf("/");
 
 if (pos >= 0) {
 
 option = option.substring(0, pos);
 
 }
 
 // Add default port if no port configured.
 
 if (option.indexOf("[") == 0) {
 
 var pos = option.lastIndexOf(":");
 
 if (option.indexOf("]") > pos) option = "$option:1080";
 
 } else {
 
 if (option.indexOf(":") == -1) option = "$option:1080";
 
 }
 
 return "PROXY $option";
 
 }
 
 // Default to using the process current environment.
 
 if (environment == null) environment = _platformEnvironmentCache;
 
 String proxyCfg;
 
 String noProxy = environment["no_proxy"];
 
 if (noProxy == null) noProxy = environment["NO_PROXY"];
 
 if ((proxyCfg = checkNoProxy(noProxy)) != null) {
 
 return proxyCfg;
 
 }
 
 if (url.scheme == "http") {
 
 String proxy = environment["http_proxy"];
 
 if (proxy == null) proxy = environment["HTTP_PROXY"];
 
 if ((proxyCfg = checkProxy(proxy)) != null) {
 
 return proxyCfg;
 
 }
 
 } else if (url.scheme == "https") {
 
 String proxy = environment["https_proxy"];
 
 if (proxy == null) proxy = environment["HTTPS_PROXY"];
 
 if ((proxyCfg = checkProxy(proxy)) != null) {
 
 return proxyCfg;
 
 }
 
 }
 
 return "DIRECT";
 
}

从以上代码中可以发现代理配置从environment中读取，设置代理时必须指定http_proxy或https_proxy等。而从_openUrl方法实现中proxyConf = new _ProxyConfiguration(_findProxy(uri));得出默认情况下environment是为空的，所以要想在Flutter的http请求中使用代理，则要指定相应的代理配置，即设置httpClient.findProxy的值。示例代码：

_getHttpData() async {
 
 var httpClient = new HttpClient();
 
 httpClient.findProxy = (url) {
 
 return HttpClient.findProxyFromEnvironment(url, environment: {"http_proxy": 'http://192.168.124.7:8888',});
 
 };
 
 var uri =
 
 new Uri.http('t.weather.sojson.com', '/api/weather/city/101210101');
 
 var request = await httpClient.getUrl(uri);
 
 var response = await request.close();
 
 if (response.statusCode == 200) {
 
 print('请求成功');
 
 var responseBody = await response.transform(Utf8Decoder()).join();
 
 print('responseBody = $responseBody');
 
 } else {
 
 print('请求失败');
 
 }
 
}

以上代码设置后即可使用Fiddler或Charles抓包了。

敲黑板！！！代码中已设置代理，手机wifi不再需要进行代理设置；192.168.124.7该IP为我们需要抓包的Charles所在电脑IP。

查了好多资料绝大多数是在代码中设置代理，或者是代码设置了，然后让其走手机代理，或许这对于开发很容易但是对于测试，或者别人家的APP或许就不是很容易了。下面我们看看下边的方案。

4.使用VPN

使用VPN将终端设备的流量转发到代理服务器。说的好听点就是使用VPN，难听点就是使用Drony工具强行使APP走代理。

优势：使用VPN软件不用添加其他测试。

劣势：终端上的VPN默认会直接对所有流量进行转发，要进行合理的配置可能需要额外的学习成本。

　　因为我们的测试对象是手机移动APP，因为我们的测试对象是手机移动APP，所以我们首先要在手机上安装一个VPN，这里使用一个十分方便的VPN软件drony （介绍在这里https://github.com/SuppSandroB/sandrop/wiki/Drony-FAQ），drony会在你的手机上创建一个VPN，将手机上的所有流量都重定向到drony自身（不是流向vpn服务器），这样drony就可以管理所有手机上的网络流量，甚至可以对手机上不同APP的流量进行单独配置。

4.1下载安装Drony

1.下载对应的安装包到手机上安装好，宏哥这里还是用夜神模拟器做演示，访问其下载地址：https://drony.soft112.com/ 翻不了墙的，用这个地址下载：https://www.appsapk.com/drony-1-3-155/，如下图所示：

2.下载安装包并安装好。安装完成后打开软件，如下图所示：

4.2配置drony转发

1.打开Drony（处于OFF状态），切换到SETTINGS(无法点击，试试左右滑动切换到SETTING)，如下图所示：

2.选择Networks，点击Wi-Fi，如下图所示：

3.点击Wi-Fi，进入配置界面，如果是真机或者你有多个热点可以连接都可以在这里显示，这个就和我们手机连接WiFi一样。在网络列表中选择点击当前手机wifi连接的网络（需要确保该网络与Fiddler代理服务器网络是联通的）。如下图所示：

4.由于宏哥这里是模拟器，因此需要宏哥编辑一下，在这界面选中那个VirtWifi（虚拟WiFi）长按，弹出Edit和Delete。如下图所示：

5.点击“Edit”。进入网络详情设置（Network details），如下图所示：

6.设置代理hosetname，默认是电脑局域网ip，也就是Fiddler安装电脑的IP，如下图所示：

7.设置代理Port，fiddler 默认是 8888，如下图所示：

8.设置 Proxy type，注意Proxy type代理方式要选择 Plain http proxy。如下图所示：

敲黑板！！！！最上边的Proxy type，选择代理模式为手动（Manual），如下图所示：

9.设置Filter default value为Direct all，如下图所示：

10.设置Rules，点击下面的Rule设置应用规则。如下图所示：

11.点击“Edit filter Rules”，。进入添加规则页面，如下图所示：

12.默认您的规则里应该是空的，这里直接点击上面的加号添加一个规则（符合规则要求的才会被转发），点击右上角的加号图标，如下图所示：

13.点击右上角的加号图标后，进入过滤规则添加界面，如下图所示：

（1）在Network id处选择当前wifi的SSID

（2）Action 选择 Local proxy chain

（3）Application 选择需要强制代理的APP

（4）Hostname 及 Port 不填表示所有的都会被强制代理，因为APP可能会使用其他的网络协议不一定都是http，可能不希望把所有流量都引流到http代理服务器，这个时候就会使用这个配置指定ip及端口才转发

14.添加好以后，点击右上角的保存图标，如下图所示：

15.点击“保存”后，跳转到规则界面，如下图所示：

16.启动Drony：返回到SETTING主页，滑动到LOG页，点击下面“OFF”按钮，

17.点击“确定”，使其处于ON的状态（表示启用），如下图所示：

4.3开启代理抓包软件

宏哥这里代理抓包软件使用的是Fiddler。Fiddler的使用这里不再介绍，需要打开远程代理，并在手机中安装Fiddler根证书。这里宏哥就不做赘述，前边都有详细的介绍

经过上面到配置，这些APP的HTTP流量我们就可以通过代理抓包软件获取，https流量也可能正常解码。

5.小结

宏哥这里只是提供一种思路供你学习和实践。好了，今天时间也不早了，宏哥就讲解和分享到这里，感谢你耐心地阅读！！！

6.拓展

6.1如何下载google play上的apk安装包

之前一直没有从Google Play上下载过apk文件，也不知道怎么下载，带来过不便，今天下载查了一下资料，并亲自实践，发现很简单。

前提：能FQ访问Google。

共分两个步骤：

1，访问Google play

https://play.google.com/store/apps

搜索你想要的应用。

打开应用详情页，复制URL地址到步骤2。

2，访问

https://apps.evozi.com/apk-downloader/

将步骤1中的链接粘贴到这个URL中的输入框，点击按钮（蓝色）解析出下载apk的链接，再点击下载链接（绿色）就下载到你的电脑了。