Flutter 構建的 Mac 桌面應用上無法發出網路？
在上一篇文章中我們分享了，如何開發桌面應用。在本章文章中，來解決一下為何在 Mac 中無法發出網路情況的原因。
起因
事情起因是這樣的：我總覺得寫一個 Demo 不足以體現我們開發同學的能力。直到最近，我發現了一個可以改善的小點，可幫助我們的測試同學提高測試效率。
大體情況就是在某天晚上，客戶端的一個小問題，需要進行驗證。但是呢，測試同學要做迴歸測試，把所有的資料都重新建立了一遍。但是此過程用了很久，理論來說，應該十來分鐘搞定的事情。我就靜靜的在她身旁看著，內心捉急萬分，畢竟我想早點回家（睡覺，打遊戲，看電視）。最後晚上 11 點多打車回家，一路上我都在想，這個問題應該很快就能驗證好吧，為何要折騰這麼就呢？也許是流程真這麼長吧，那我們無法改變流程，那就做出能提升效率的工具吧。
次日，我把我的想法告訴了她，但是她說我們有自己的網頁工具，可以解決啊，只是現在沒時間建立指令碼。隨後我擱置這個想法，但是這種提升效率的想法一直縈繞在我的心頭。
再然後，某天突然意識到，同樣是工具，大家都會使用順手好用的，幹嘛使用哪種傳統老土的工具呢？基於這一點，我開啟了新的探索。
我不僅要做客戶端的，還要做網頁的，更要做桌面應用（測試同學最關注）。我要體驗更好，不僅方便我自己測試，還要給所有的測試同學提供便利，減少加班是我的最終目的，哈哈哈。
想法有了，那就開始實施吧。之前遇到一個問題，一直沒解決，但是此刻必須解決了。那就是之前 Flutter 構建的 Mac 應用後，無法發出網路請求。
在桌面應用無法發出請求？
新增 Dio 以後，會遇到這種情況：

提示，當前系統不支援該操作。
為何會有如此問題，在 Dio 上支援 Other，也就是支援 Mac ，Windows, Linux， 為何我們直接執行有錯誤呢？

具體原因
實際是因為 Mac 應用有沙箱限制，需要在對應檔案中開啟即可。
<key>com.apple.security.network.client</key>
<true/>

新增以後，效果如下：

具體參考： https://github.com/google/flutter-desktop-embedding/issues/546
程式碼示例：
import 'dart:io';
import 'package:dio/dio.dart';
import 'package:flutter/foundation.dart';
import 'package:flutter/material.dart';
// Sets a platform override for desktop to avoid exceptions. See
// https://flutter.dev/desktop#target-platform-override for more info.
void _enablePlatformOverrideForDesktop() {
if (!kIsWeb && (Platform.isMacOS || Platform.isWindows || Platform.isLinux)) {
debugDefaultTargetPlatformOverride = TargetPlatform.fuchsia;
}
}
void main() {
_enablePlatformOverrideForDesktop();
runApp(MyApp());
}
class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return MaterialApp(
title: 'Flutter Demo',
theme: ThemeData(
primarySwatch: Colors.blue,
),
home: MyHomePage(title: 'Flutter Demo Home Page'),
);
}
}
class MyHomePage extends StatefulWidget {
MyHomePage({Key key, this.title}) : super(key: key);
final String title;
@override
_MyHomePageState createState() => _MyHomePageState();
}
class _MyHomePageState extends State<MyHomePage> {
int _counter = 0;
String requestData = "";
void _incrementCounter() {
setState(() {
_counter++;
getHttp();
});
}
void getHttp() async {
try {
Response response = await Dio().get("http://www.gdky005.com");
requestData = response.toString();
print(requestData);
} catch (e) {
print(e);
requestData = e.toString();
}
}
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: Text(widget.title),
),
body: Center(
child: Column(
mainAxisAlignment: MainAxisAlignment.center,
children: <Widget>[
Text(
'You have pushed the button this many times:',
),
Text(
'$_counter',
style: Theme.of(context).textTheme.display1,
),
Container(
height: 400,
child: ListView(
children: <Widget>[
Text(
'$requestData',
)
],
),
),
],
),
),
floatingActionButton: FloatingActionButton(
onPressed: _incrementCounter,
tooltip: 'Increment',
child: Icon(Icons.add),
),
);
}
}