Zum Hauptinhalt springen
@capgo/capacitor-network-diagnostics Entwicklertools Open Source

Netzwerkdiagnose Capacitor Plugin

Führe native Netzwerkdiagnosen für URL-Erreichbarkeit, 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

Anleitung

Network Diagnostics in Capacitor nutzen

@capgo/capacitor-network-diagnostics verwenden

Native Netzwerk-Diagnose für Capacitor Apps zur Analyse von eingeschränktem WLAN, Captive Portals, blockierten Ports, WebSocket-Fehlern, langsamen Downloads und Packet Loss.

Installieren

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

Was dieses Plugin bereitstellt

  • getNetworkStatus - Liest den nativen Verbindungstyp und die Netzwerk-Flags der Plattform.
  • testUrl - Prüft die Erreichbarkeit von HTTP- oder HTTPS-URLs mit Status code und Latenz.
  • testPort - Öffnet einen nativen TCP-Socket zu einem Host und Port.
  • testWebSocket - Validiert ein ws:// oder wss:// Handshake.
  • testDownloadSpeed - Misst den nativen Download-Durchsatz.
  • testPacketLoss - Schätzt den Paketverlust auf Anwendungsebene mit wiederholten Probes.
  • runDiagnostics - Führt einen kombinierten Diagnose-Durchlauf aus und gibt eine Problemliste zurück.

Anwendungsbeispiel

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

Support-Workflow

Bitten Sie den betroffenen Nutzer, die Diagnose unter dem problematischen WLAN oder Access Point auszuführen. Senden Sie die Ergebnisse an den Support mit:

  • Verbindungstyp und OS-Netzwerkflags
  • fehlgeschlagene URLs, Ports oder WebSocket-Endpunkte
  • Download-Mbps
  • Paketverlust in Prozent
  • Native Fehlercodes und -meldungen

Rohes ICMP-Ping ist in iOS- und Android-Apps nicht portabel, daher wird der Paketverlust mit wiederholten TCP- oder HTTP-Proben gemessen.

Vollständige Referenz

FAQ

FAQ zum Network Diagnostics Plugin

Wie installiere ich das Network Diagnostics Plugin in einer Capacitor-App?

Führe "bun add @capgo/capacitor-network-diagnostics" (oder "npm install @capgo/capacitor-network-diagnostics") aus und danach "bunx cap sync", damit die iOS- und Android-Projekte das native code übernehmen. Importiere es in deiner App code aus "@capgo/capacitor-network-diagnostics".

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

Ja. Network Diagnostics ist ein Capacitor-Paket und funktioniert daher mit jedem Web-Framework, das in Capacitor läuft, einschließlich Ionic, React, Vue, Angular, Svelte und reinem JavaScript.

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

Capgo Plugins folgen der Major-Version von Capacitor: Nutze die Plugin-Major-Version, die zu deiner Capacitor Major-Version passt (z. B. Plugin v8 bei Capacitor 8). Die Kompatibilitätstabelle im GitHub README listet die gepflegten Versionen auf.

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

Ja. Der Quell-code ist öffentlich auf GitHub unter https://github.com/Cap-go/capacitor-network-diagnostics/ verfügbar und das Paket kann kostenlos von npm installiert werden. Bug-Reports und Pull Requests sind willkommen.

Kann ich code aktualisieren, das Network Diagnostics verwendet, ohne eine App-Store-Prüfung?

Die Installation oder ein Upgrade des Plugins ändert den nativen code, weshalb ein neuer Store-Build nötig ist. Danach können JavaScript-, HTML- und CSS-Änderungen, die das Plugin aufrufen, sofort per Capgo Live Updates ausgeliefert werden.

Änderungen an Network Diagnostics ohne App-Review deployen

Sobald das Plugin in deinem Store-Build ist, bringt Capgo mit Live-Updates deine JavaScript-, HTML- und CSS-Änderungen in Minuten zu den Nutzern.

Starte mit Capgo