《吐血整理》高级系列教程-吃透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的流量进行单独配置。