使用する @capgo/capacitor-network-diagnostics

Capacitor アプリケーションで、制限されたWi-Fi、キャプティブポータル、ブロックされたポート、WebSocketの失敗、遅いダウンロード、パケットロスのデバッグに必要なネイティブネットワーク診断

インストール

npm install @capgo/capacitor-network-diagnostics
npx cap sync

このプラグインが公開するもの

getNetworkStatus - ネイティブ接続タイプとプラットフォームネットワークフラグを読み取る
testUrl - Check HTTP or HTTPS URL reachability with status code and latency.
testPort - ホストとポートにネイティブTCPソケットを開く
testWebSocket - 有効性を検証する ws:// - または wss:// - ハンドシェイク
testDownloadSpeed - ネイティブダウンロードスループットを測定する
testPacketLoss - iOSおよびAndroidアプリでは、Raw ICMPパケットロスを測定するために繰り返しTCPまたはHTTPプローブを使用します。
runDiagnostics - iOSおよびAndroidアプリでは、Raw ICMPパケットロスを測定するために繰り返しTCPまたはHTTPプローブを使用します。

- 例:使用方法

import { NetworkDiagnostics } from '@capgo/capacitor-network-diagnostics';

const report = await NetworkDiagnostics.runDiagnostics({
  urls: [{ url: 'https://api.example.com/health' }],
  ports: [{ host: 'api.example.com', port: 443 }],
  websockets: [{ url: 'wss://ws.example.com/socket' }],
  packetLoss: {
    mode: 'tcp',
    host: 'api.example.com',
    port: 443,
    count: 10,
  },
});

console.log(report.status);
console.log(report.issues);

- サポートワークフロー

影響を受けたユーザーに、問題のあるWi-Fiまたはアクセスポイントに接続されているときに診断を実行してください。サポートに送信する内容は次のとおりです。

接続タイプとOSネットワークフラグ
失敗したURL、ポート、またはWebSocketエンドポイント
ダウンロードMbps
パケットロス率
ネイティブエラーコードとメッセージ

- iOSおよびAndroidアプリでは、Raw ICMPパケットロスを測定するために繰り返しTCPまたはHTTPプローブを使用します。

完全なリファレンス

GitHub: https://github.com/Cap-go/capacitor-network-diagnostics/
Docs: /docs/plugins/network-diagnostics/

ネットワーク診断