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

乎语百科 119 0

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不通,出现网络问题。如下图所示:

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

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

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

通过以上对比,我们确认了这款某鱼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/,如下图所示:

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

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

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

4.2配置drony转发

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

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

2.选择Networks,点击Wi-Fi,如下图所示:

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

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

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

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

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

5.点击“Edit”。进入网络详情设置(Network details),如下图所示:

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

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

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

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

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

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

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

敲黑板!!!!最上边的Proxy type,选择代理模式为手动(Manual),如下图所示:

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

9.设置Filter default value为Direct all,如下图所示:

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

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

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

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

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

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

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

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

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

(1)在Network id处 选择当前wifi的SSID

(2)Action 选择 Local proxy chain

(3)Application 选择需要强制代理的APP

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

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

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

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

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

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

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

17.点击“确定”,使其处于ON的状态(表示启用),如下图所示:

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

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的链接,再点击下载链接(绿色)就下载到你的电脑了。

标签:

留言评论

  • 这篇文章还没有收到评论,赶紧来抢沙发吧~