Flutter?Ping檢查服務器通訊信號強度實現(xiàn)步驟

更新時間：2023年06月27日 09:53:38 作者：會煮咖啡的貓

這篇文章主要為大家介紹了Flutter?Ping檢查服務器通訊信號強度實現(xiàn)步驟詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪

引言

對通訊敏感的程序中，我們除了檢查當前網絡通道外，還要檢查與服務器實際的型號強度。

一般我們采用 ping 的方式返回型號的強度和穩(wěn)定程度。

dart_ping 包

https://pub-web.flutter-io.cn/packages/dart_ping

ios dart_ping 包

https://pub-web.flutter-io.cn/packages/dart_ping_ios

ios 需要單獨去設置

Ping 知識點

Ping 是一種常用的網絡工具，用于測試網絡設備之間的連通性和延遲。Ping 工具通過向目標設備發(fā)送一個 ICMP Echo Request 數(shù)據(jù)包，然后等待目標設備返回一個 ICMP Echo Reply 數(shù)據(jù)包，來檢測目標設備的可達性和延遲。以下是關于 Ping 工具的一些重要信息：

作用：

測試網絡設備之間的連通性和延遲
發(fā)現(xiàn)網絡故障和嗅探網絡拓撲結構
驗證網絡性能和帶寬

性能指標：

延遲（Latency）：指的是從發(fā)送一個數(shù)據(jù)包到接收到相應數(shù)據(jù)包所需的時間。
丟包率（Packet Loss Rate）：指的是在發(fā)送和接收數(shù)據(jù)包之間丟失的數(shù)據(jù)包的比例。
帶寬（Bandwidth）：指的是網絡中可用的數(shù)據(jù)傳輸速率，通常以比特/秒（bps）為單位。

如何判斷：

延遲：通常使用 Ping 工具的平均延遲來判斷網絡連接的延遲狀況，如果延遲較高，可能會影響網絡應用程序的性能。
丟包率：如果 Ping 工具返回的丟包率較高，可能意味著網絡連接不穩(wěn)定，可能會影響網絡應用程序的可靠性。
帶寬：如果 Ping 工具返回的延遲比較高，可能意味著網絡瓶頸，可能會影響網絡應用程序的帶寬和性能。

步驟

第一步：導包，加入圖片素材

pubspec.yaml

dart_ping 包

dependencies:
  flutter:
    sdk: flutter
    ...
  dart_ping: ^8.0.1

圖片

assets:
    - assets/images/

第二步：ping 業(yè)務實現(xiàn)

lib/ping.dart

成員變量

// 檢測域名
  final String _domain = 'baidu.com';
  // 信號量
  int _signalStrength = 0;
  // 返回信息
  String _resString = '';

ping 操作執(zhí)行

// 執(zhí)行 ping
  void _doPing() {
    _resString = 'ping $_domain \n\n';
    final ping = Ping(_domain, count: 20);
    ping.stream.listen((event) {
      print(event);
      if (event.error != null) {
        // 錯誤
        setState(() {
          _resString = event.error.toString();
        });
      } else {
        if (event.response != null) {
          // 單次信息
          setState(() {
            _resString += '${event.response}\n';
          });
          // 信號強度
          _signalStrength = calculateSignalStrength(
              event.response?.time?.inMilliseconds ?? 0);
        }
        // 總計
        if (event.summary != null) {
          setState(() {
            _resString += '\n${event.summary}\n';
          });
        }
      }
    });
  }

信號強度

// 信號強度 0 ~ 5 , 5 最好，0 最差
  int calculateSignalStrength(int pingDelay) {
    if (pingDelay < 0) {
      // 無網絡連接
      return 0;
    } else if (pingDelay < 100) {
      // 延遲 < 100ms，信號強度為 5
      return 5;
    } else if (pingDelay < 200) {
      // 延遲 < 200ms，信號強度為 4
      return 4;
    } else if (pingDelay < 300) {
      // 延遲 < 300ms，信號強度為 3
      return 3;
    } else if (pingDelay < 500) {
      // 延遲 < 500ms，信號強度為 2
      return 2;
    } else {
      // 延遲 >= 500ms，信號強度為 1
      return 1;
    }
  }

視圖

Widget _mainView() {
    return Center(
      child: Column(
        children: [
          ElevatedButton(
            onPressed: _doPing,
            child: const Text('Start Ping'),
          ),
          Text('信號強度: $_signalStrength'),
          Text(_resString),
        ],
      ),
    );
  }

@override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: const Text('Ping'),
      ),
      body: _mainView(),
    );
  }

第三步：用圖片顯示信號強度

信號圖片

// 信號強度圖片
  Widget _buildSignalIcon(BuildContext context) {
    String iconAsset = 'assets/images/signal-$_signalStrength.png';
    return Image.asset(
      iconAsset,
      width: 28,
      height: 28,
      fit: BoxFit.fill,
    );
  }

Widget _mainView() {
    return Center(
      child: Column(
        children: [
          ...
          _buildSignalIcon(context),
          ...
        ],
      ),
    );
  }

代碼