Flutter抓包实践

背景

在原生flutter混合开发项目第一次提测阶段，发现使用Charles原生端抓包正常，flutter模块却无法抓包。通过查阅文章发现flutter使用Dio库进行网络请求时，默认情况下是不走手机代理的，想要抓包需要通过代码去配置代理en~~~~~~

实现方案

本来想到两种方案：

第一种：在flutter端通过弹框输入IP和端口号，这样可以省去iOS和Android两端的处理，但是抓包时，既需要给手机配置代理，又需要在APP上输入代理，对测试人员来说，操作太过麻烦。

第二种：APP启动时，在原生端直接获取手机代理，通过channel调用flutter方法保存代理，在Dio初始化时进行设置。优点是省去测试人员二次输入过程，原生和flutter抓包保持一致，缺点，两端都需要获取代理。

所以，果断选择第二种，毕竟用户至上，两端处理也只是一次性操作😁~~~~

实践过程

1.原生端获取手机代理

// iOS获取手机代理
- (void)syncProxy{
      //自动获取手机代理
       NSString * portalBaseUrlStr = @"http://www.baidu.com";
       NSDictionary *proxySettings = (__bridge NSDictionary *)(CFNetworkCopySystemProxySettings());
       NSArray *proxies = (__bridge NSArray *)(CFNetworkCopyProxiesForURL((__bridge CFURLRef _Nonnull)([NSURL URLWithString:portalBaseUrlStr]), (__bridge CFDictionaryRef _Nonnull)(proxySettings)));
       NSDictionary *settings = [proxies firstObject];
       NSString *hostName = [NSString stringWithFormat:@"%@",settings[@"kCFProxyHostNameKey"]];
       NSString *portName = [NSString stringWithFormat:@"%@",settings[@"kCFProxyPortNumberKey"]];
       //获取为空时居然是字符串"(null)"
       if ([hostName isEqualToString:@"(null)"]) {
           hostName = @"";
       }
       if ([portName isEqualToString:@"(null)"]) {
           portName = @"";
       }
    //第二步：调用flutter方法将IP和端口传入 自己写😁
}

portalBaseUrlStr变量需要有值才能拿到IP和Port。方法调用可以放在APP启动时，flutter初始化完成后，通过条件编译只在DEBUG时调用即可~

2.flutter保存代理信息

///保存代理
void saveProxy(Map<String, dynamic> setting) async {
  String host = setting['host'] ?? '';
  String port = setting['port'] ?? '';
  String proxy = '';
  if (host.isNotEmpty && port.isNotEmpty) {
    proxy = 'PROXY ' + host + ':' + port;
  }
  SharedPreferences prefs = await SharedPreferences.getInstance();
  prefs.setString('proxy', proxy);
}

将从原生端接收到的代理信息保存在本地

3.Dio设置代理

///设置代理
void setupProxy() async {
    Dio dio = Dio();
    SharedPreferences prefs = await SharedPreferences.getInstance();
    String proxyStr = prefs.getString('proxy');
    if (proxyStr != null && proxyStr.isNotEmpty) {
      (dio.httpClientAdapter as DefaultHttpClientAdapter)
          .onHttpClientCreate = (client) {
        client.findProxy = (uri) {
          return proxyStr;
        };
        //忽略证书
        client.badCertificateCallback = (X509Certificate cert, String host, int port) => true;
      };
    }
  }

dio可通过懒加载方式进行创建，在dio对象初始化完成后，获取本地保存的代理信息进行设置即可。这里做了条件判断，如果没有代理信息，则不进行配置。APP启动时会重置代理信息，所以无需担心缓存代理的清理问题。

结语

本文是对在flutter抓包实践的一次学习和总结，分享出来希望大家都能有所收获😏~

参考文章：
https://www.jianshu.com/p/2e8491aabb04