前言：在Flutter開發(fā)中網(wǎng)絡框架一般都是使用的Dio掖举，Dio網(wǎng)絡框架還是挺好用的誊锭，唯一不好的是啥呢？如果我們要通過Fiddler或者Charles進行抓包的話扎运，它不能像原生App那樣脖母，直接在wifi > 高級設置 > 設置手動代理之后就可以抓包了拓售。Dio這玩意兒，它還得在代碼中寫死代理的ip和端口號镶奉。那那那.... 這便利性就大打折扣了，每次別人要抓包就得給它改一下崭放，手動裝一個哨苛？
一、彩蛋上場
這問題币砂，一開始就有建峭。因為忙著忙著也沒管。后來發(fā)現(xiàn)還是很有需要靈活修改代理ip和端口號的决摧。所以得處理一波了亿蒸。
因為本身做Android出身凑兰，就草船借鑒了下Android里的設置點個8下，進入開發(fā)者模式的套路边锁」檬常看到這，系不系心如明鏡般茅坛？哈哈~ 摸著Android過河也是可以的音半。
二、方案有了贡蓖，安排
解決方案有了：
- 在Profile設置頁曹鸠，某個選項或者空白頁，點擊20次斥铺？10次彻桃？進入設置Http代理頁面绍赛。
- 因為這功能針對開發(fā)者后雷，或者測試人員有效，可以設置下環(huán)境旱幼，testing或者live環(huán)境不開笙纤。
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粗糙了點滨砍，無所謂了往湿，功能實現(xiàn)就行了，^_^
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;
}
三些膨、結語
^_^蟀俊，這就搞完了。還挺簡單的订雾。但是確實解決了很大的問題肢预，也很靈活。大家自行拿去試試吧葬燎。
