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),
      ),
    );
  }
}