Salta al contenuto principale
@capgo/capacitor-network-diagnostics Strumenti per sviluppatori Open source

Diagnostica di rete Plugin Capacitor

Esegui diagnostica di rete nativa per raggiungibilità degli URL, porte TCP, handshake WebSocket, velocità e packet loss

Installa

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

Guida

Come usare Network Diagnostics in Capacitor

Utilizzo di @capgo/capacitor-network-diagnostics

Diagnostica di rete nativa per app Capacitor che devono debuggare Wi-Fi limitati, captive portal, porte bloccate, errori WebSocket, download lenti e packet loss.

Installa

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

Cosa espone questo plugin

  • getNetworkStatus - Leggi il tipo di connessione nativa e i flag di rete della piattaforma.
  • testUrl - Verifica la raggiungibilità di URL HTTP o HTTPS con status code e latenza.
  • testPort - Apri un socket TCP nativo verso un host e una porta.
  • testWebSocket - Valida un ws:// o wss:// handshake.
  • testDownloadSpeed - Misura il throughput di download nativo.
  • testPacketLoss - Stima la perdita di pacchetti a livello applicativo con probe ripetuti.
  • runDiagnostics - Esegui un test diagnostico combinato e restituisci una lista di problemi.

Esempio d'uso

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

Workflow di supporto

Chiedi all'utente interessato di eseguire i test mentre è connesso al Wi-Fi o all'access point problematico. Invia i risultati al supporto con:

  • connection type and OS network flags
  • URL, porte o endpoint WebSocket falliti
  • download Mbps
  • percentuale di packet loss
  • codici di errore e messaggi nativi

Il ping ICMP raw non è portabile su app iOS e Android, quindi il packet loss viene misurato tramite probe TCP o HTTP ripetuti.

Riferimento completo

FAQ

FAQ del plugin Network Diagnostics

Come installo il plugin Network Diagnostics in un'app Capacitor?

Esegui "bun add @capgo/capacitor-network-diagnostics" (o "npm install @capgo/capacitor-network-diagnostics"), poi esegui "bunx cap sync" così che i progetti iOS e Android includano le code native. Importalo da "@capgo/capacitor-network-diagnostics" nel tuo code.

@capgo/capacitor-network-diagnostics funziona con React, Vue e Angular?

Sì. Network Diagnostics è un pacchetto Capacitor, quindi funziona con qualsiasi framework web in esecuzione all'interno di Capacitor, inclusi Ionic, React, Vue, Angular, Svelte e JavaScript puro.

Quale versione di Capacitor è supportata da @capgo/capacitor-network-diagnostics?

I plugin Capgo seguono la major version di Capacitor: usa la major version del plugin che corrisponde alla tua major version di Capacitor (ad esempio plugin v8 con Capacitor 8). La tabella di compatibilità nel README di GitHub elenca le versioni mantenute.

@capgo/capacitor-network-diagnostics è free e open source?

Sì. Il codice sorgente di code è pubblico su GitHub all'indirizzo https://github.com/Cap-go/capacitor-network-diagnostics/ e il pacchetto è gratuito su npm. Bug report e pull request sono i benvenuti.

Posso aggiornare code che usa Network Diagnostics senza passare per la revisione dell'App Store?

Installare o aggiornare il plugin modifica il code nativo, quindi serve una nuova build per lo store. Dopo, le modifiche a JavaScript, HTML e CSS che chiamano il plugin possono essere rilasciate subito con le live updates di Capgo.

Distribuisci modifiche a Network Diagnostics senza attendere la revisione dell'app

Una volta incluso il plugin nel tuo store build, Capgo invia le modifiche a JavaScript, HTML e CSS tramite live updates in pochi minuti.

Inizia con Capgo