メインコンテンツにスキップ
@capgo/capacitor-ネットワーク診断 開発者ツール オープンソース

ネットワーク診断 Capacitor プラグイン

URL のアクセス性、TCP ポート、WebSocket ハンドシェイク、速度、パケットロスを含むネイティブネットワーク診断を実行

インストール

bun add @capgo/capacitor-network-diagnostics bunx cap sync
npm、pnpm、またはyarn
  • npm install @capgo/capacitor-network-diagnostics
  • pnpm add @capgo/capacitor-network-diagnostics
  • yarn add @capgo/capacitor-network-diagnostics

ガイド

How to use Network Diagnostics in Capacitor

デバイスでテスト

Download the Capgo app, then scan the QR code.

ネットワーク診断プラグインのプレビューQRcode

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

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

インストール

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

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

  • getNetworkStatus - ネイティブ接続タイプとプラットフォームネットワークフラグを読み取る
  • testUrl - HTTPまたはHTTPSのURLに到達するかどうかを確認し、ステータスcodeと遅延を取得する
  • testPort - ホストとポートにネイティブTCPソケットを開く
  • testWebSocket - ws:// または wss:// ハンドシェイク。
  • testDownloadSpeed - ネイティブダウンロードスループットを測定します。
  • testPacketLoss - 再帰的なプローブを使用してアプリケーションレベルのパケットロスを推定します。
  • runDiagnostics - 組み合わせ診断パスを実行し、問題リストを返します。

例の使用方法

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プローブを使用します。

フルリファレンス

FAQ

ネットワーク診断プラグインFAQ

ネットワーク診断プラグインをCapacitorアプリにどのようにインストールしますか?

「bun add @capgo/capacitor-network-diagnostics」(または「npm install @capgo/capacitor-network-diagnostics」)を実行し、次に「bunx cap sync」を実行してiOSとAndroidのプロジェクトがネイティブcodeを取得できるようにします。次に、@capgo/capacitor-network-diagnosticsをアプリcodeからインポートします。

@capgo/capacitor-network-diagnosticsはReact、Vue、Angularとどのように動作しますか?

はい。ネットワーク診断はCapacitorパッケージなので、Capacitor内で実行されるすべてのWebフレームワーク、包括的にIonic、React、Vue、Angular、Svelte、そしてJavaScriptの基本的な実装と互換性があります。

どのCapacitorバージョンが@capgo/capacitor-network-diagnosticsをサポートしますか?

CapgoプラグインはCapacitorのメジャーバージョンに従います。Capacitorのメジャーバージョンと一致するプラグインのメジャーバージョンを使用してください(例えば、プラグインv8とCapacitor 8)。GitHub READMEには、維持されているバージョンの互換性表があります。

@capgo/capacitor-network-diagnosticsは無料でオープンソースですか?

Yes. The source code is public on GitHub at https://github.com/Cap-go/capacitor-network-diagnostics/ and the package is free to install from npm. Bug reports and pull requests are welcome.

Capgoの code をApp Storeのレビューなしでアップデートすることはできますか?

code のインストールまたはアップグレードはネイティブ code を変更するため、ストアのビルドが必要になります。その後、プラグインを呼び出すJavaScript、HTML、CSSの変更は Capgo のライブアップデートで即時配信できます。

アプリレビューの待たずにネットワーク診断の変更を配信

プラグインがストアビルドに追加されたら、Capgo ライブアップデートは、JavaScript、HTML、CSS の変更をユーザーに 1 分間で反映します。

Capgo で始めます