前言：在Flutter开发中网络框架一般都是使用的Dio，Dio网络框架还是挺好用的，唯一不好的是啥呢？如果我们要通过Fiddler或者Charles进行抓包的话，它不能像原生App那样，直接在wifi > 高级设置 > 设置手动代理之后就可以抓包了。Dio这玩意儿，它还得在代码中写死代理的ip和端口号。那那那.... 这便利性就大打折扣了，每次别人要抓包就得给它改一下，手动装一个？
一、彩蛋上场
这问题，一开始就有。因为忙着忙着也没管。后来发现还是很有需要灵活修改代理ip和端口号的。所以得处理一波了。
因为本身做Android出身，就草船借鉴了下Android里的设置点个8下，进入开发者模式的套路。看到这，系不系心如明镜般？哈哈~ 摸着Android过河也是可以的。
二、方案有了，安排
解决方案有了：
- 在Profile设置页，某个选项或者空白页，点击20次？10次？进入设置Http代理页面。
- 因为这功能针对开发者，或者测试人员有效，可以设置下环境，testing或者live环境不开。
1. 添加点击跳转Http代理页面逻辑
我们设置了20次，点点点吧，减小误触几率。
class ProfilePage extends StatelessWidget {
int clickCount = 0;
@override
Widget build(BuildContext context) {
// TODO: implement build
return GestureDetector(
onTap: () => _configProxyPage(context),
child: SettingsWidget(() {
clickCount = 0;
}
)
);
}
void _configProxyPage(BuildContext context) {
clickCount ++;
int skipCount = 20;
if(clickCount == skipCount) {
clickCount = 0;
Navigator.push(context,
MaterialPageRoute(
builder: (context){
HttpProxyPage();
}
)
);
}
}
}
2. 填写ip和端口号，提交后重置Dio单例。
这个Http代理填写IP和端口号的页面，可以新开一个，就是两个输入框，点Submit后，重置Dio实例，并把代理设置给HttpClient。
UI粗糙了点，无所谓了，功能实现就行了，^_^
void _saveProxy(BuildContext context) async {
1. HttpRequest是我自己的一个封装Dio单例的类
dio = await HttpRequest().initDio();
String proxy = "PROXY ${ipController.text}:${portController.text}";
(dio?.httpClientAdapter as DefaultHttpClientAdapter).onHttpClientCreate =
(client) {
client.findProxy = (url) {
return proxy;
};
//Trust certificate for https proxy
client.badCertificateCallback = (cert, host, port){
return true;
};
return client;
};
HttpRequest().setDio = dio;
Navigator.pop(context);
}
这里需要注意的是，如果你这里重置了client.findProxy，那么一定要重新实例化Dio实例，不然不生效。这一点也可以在源码中得到印证.
1. io_adapter.dart
HttpClient _configHttpClient(Future cancelFuture, int connectionTimeout) {
..
if (cancelFuture != null) {
...
2. Dio实例第一次初始化的时候会实例化_defaultHttpClient，
第二次，如果重置代理onHttpClientCreate的话，并不会进入到这个代码块中
} else if (_defaultHttpClient == null) {
...
if (onHttpClientCreate != null) {
_defaultHttpClient =
onHttpClientCreate(_defaultHttpClient) ?? _defaultHttpClient;
}
_defaultHttpClient.connectionTimeout = _connectionTimeout;
}
return _defaultHttpClient;
}
三、结语
^_^，这就搞完了。还挺简单的。但是确实解决了很大的问题，也很灵活。大家自行拿去试试吧。
