猫哥课堂 ducafecat.com

Flutter Ping 检查服务器通讯信号强度

前言

对通讯敏感的程序中,我们除了检查当前网络通道外,还要检查与服务器实际的型号强度。

一般我们采用 ping 的方式返回型号的强度和稳定程度。

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 工具通过向目标设备发送一个 ICMP Echo Request 数据包,然后等待目标设备返回一个 ICMP Echo Reply 数据包,来检测目标设备的可达性和延迟。以下是关于 Ping 工具的一些重要信息:

作用:

  • 测试网络设备之间的连通性和延迟
  • 发现网络故障和嗅探网络拓扑结构
  • 验证网络性能和带宽

性能指标:

  • 延迟(Latency):指的是从发送一个数据包到接收到相应数据包所需的时间。
  • 丢包率(Packet Loss Rate):指的是在发送和接收数据包之间丢失的数据包的比例。
  • 带宽(Bandwidth):指的是网络中可用的数据传输速率,通常以比特/秒(bps)为单位。

如何判断:

  • 延迟:通常使用 Ping 工具的平均延迟来判断网络连接的延迟状况,如果延迟较高,可能会影响网络应用程序的性能。
  • 丢包率:如果 Ping 工具返回的丢包率较高,可能意味着网络连接不稳定,可能会影响网络应用程序的可靠性。
  • 带宽:如果 Ping 工具返回的延迟比较高,可能意味着网络瓶颈,可能会影响网络应用程序的带宽和性能。

步骤

第一步:导包,加入图片素材

pubspec.yaml

dart_ping 包

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

图片

assets: - assets/images/

第二步:ping 业务实现

lib/ping.dart

成员变量

// 检测域名 final String _domain = 'baidu.com'; // 信号量 int _signalStrength = 0; // 返回信息 String _resString = '';

ping 操作执行

// 执行 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), ], ), ); }
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), ... ], ), ); }

代码

https://github.com/ducafecat/flutter_develop_tips/tree/main/flutter_application_ping

小结

总之,Ping 工具是一种简单而有效的网络工具,可以帮助用户测试网络连通性和性能,及时发现和解决网络问题。请在网路应用 Flutter 中开启这个功能~

感谢阅读本文

如果我有什么错?请在评论中让我知道。我很乐意改进。


© 猫哥 ducafecat.com

end


Copyright 2023 ducafecat. All rights reserved.
微信: ducafecat, line: ducafecat,京ICP备2021009050号-3