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

本站聲明:網站內容來源於博客園,如有侵權,請聯繫我們,我們將及時處理
【其他文章推薦】

※想知道網站建置、網站改版該如何進行嗎?將由專業工程師為您規劃客製化網頁設計及後台網頁設計

※不管是台北網頁設計公司、台中網頁設計公司，全省皆有專員為您服務

※Google地圖已可更新顯示潭子電動車充電站設置地點!!

※帶您來看台北網站建置，台北網頁設計，各種案例分享

※小三通物流營運型態?

網路資訊

搜尋此網誌