背景

在原生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 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抓包实践的一次学习和总结，分享出来希望大家都能有所收获😏~