Zum Hauptinhalt springen
@capgo/capacitor-Netzwerkdiagnose Entwicklerwerkzeuge Offene Quelle

Netzwerkdiagnose Capacitor-Plugin

Laufen Sie native Netzwerkdiagnosen für die Erreichbarkeit von URLs, TCP-Ports, WebSocket-Handshakes, Geschwindigkeit und Paketverlust aus

Installieren

bun add @capgo/capacitor-network-diagnostics bunx cap sync
npm, pnpm oder yarn
  • npm install @capgo/capacitor-network-diagnostics
  • pnpm add @capgo/capacitor-network-diagnostics
  • yarn add @capgo/capacitor-network-diagnostics

Richtlinie

Wie Sie Netzwerkdiagnostik in Capacitor verwenden

Verwendung von @capgo/capacitor-netzwerkdiagnostik

Nativ Netzwerkdiagnostik für Capacitor-Apps, die aufgrund von eingeschränktem WLAN, Captive Portals, blockierten Ports, WebSocket-Fehlern, langsamen Downloads und Paketverlusten debuggen müssen.

Installieren

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

Was dieses Plugin enthüllt

  • getNetworkStatus - Lesen Sie den nativen Verbindungstyp und die Plattform-Netzwerkflags.
  • testUrl - Überprüfen Sie die Erreichbarkeit einer HTTP- oder HTTPS-URL mit Status code und Latenz.
  • testPort - Eine native TCP-Socket zu einem Host und Port öffnen.
  • testWebSocket - Validieren Sie ein ws:// - oder wss:// context
  • testDownloadSpeed - Bestätigen Sie eine Handshake-Verbindung.
  • testPacketLoss - Messen Sie den nativen Download-Durchsatz.
  • runDiagnostics - Schätzen Sie die Paketverluste auf Anwendungs-Ebene mit wiederholten Proben.

Beispielanwendung

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

- Beispielhafte Verwendung

Bittenen Benutzer bitten, Diagnosen zu laufen lassen, während sie mit dem problematischen Wi-Fi oder Zugangspunkt verbunden sind. Ergebnisse an Support senden mit:

  • Verbindungstyp und Netzwerkflag des Betriebssystems
  • fehlgeschlagene URLs, Ports oder WebSocket-Endpunkte
  • Herunterladungsrate in MBit/s
  • Paketverlustprozentsatz
  • native Fehlercodes und -meldungen

Die Roh-ICMP-Ping ist auf iOS- und Android-Anwendungen nicht portable, daher wird der Paketverlust mit wiederholten TCP- oder HTTP-Proben gemessen.

Vollständige Referenz

FAQ

FAQ zur Netzwerkdiagnose-Erweiterung

Wie installiere ich die Netzwerkdiagnose-Plugin in einer Capacitor-App?

Führen Sie "bun add @capgo/capacitor-netzwerkdiagnose" (oder "npm install @capgo/capacitor-netzwerkdiagnose"), führen Sie dann "bunx cap sync" aus, damit die iOS- und Android-Projekte die native code-Datei aufnehmen. Importieren Sie sie aus "@capgo/capacitor-netzwerkdiagnose" in Ihrer Anwendung code.

Funktioniert @capgo/capacitor-netzwerkdiagnose mit React, Vue und Angular?

Ja. Netzwerkdiagnose ist ein Capacitor-Paket, daher funktioniert sie mit jedem Webframework, das innerhalb von Capacitor läuft, einschließlich Ionic, React, Vue, Angular, Svelte und plain JavaScript.

Welche Capacitor-Version unterstützt @capgo/capacitor-netzwerkdiagnose?

Capgo-Erweiterungen folgen der Capacitor-Version: Wählen Sie die Erweiterungsversion, die Ihrer Capacitor-Version entspricht (z. B. Erweiterung v8 mit Capacitor 8). Die Kompatibilitätsübersicht in der GitHub-README enthält die unterstützten Versionen.

Is @capgo/capacitor-network-diagnostics kostenlos und Open-Source?

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.

Kann ich code mit Netzwerk-Diagnose aktualisieren, ohne dass es eine App-Store-Überprüfung gibt?

Die Installation oder das Upgrade der Erweiterung ändert die native code, sodass eine neue App-Store-Build erforderlich ist. Danach können JavaScript-, HTML- und CSS-Änderungen, die die Erweiterung aufrufen, sofort mit Capgo-Live-Updates verschickt werden.

Netzwerkdiagnose-Änderungen ohne Wartezeit für die App-Überprüfung versenden

Einmal der Plugin in Ihrem Store-Build installiert, werden Capgo lebendige Updates Ihre JavaScript-, HTML- und CSS-Änderungen in Minuten an die Benutzer weitergeben.

Beginnen Sie mit Capgo