Saltar al contenido principal
@capgo/capacitor-network-diagnostics Herramientas para desarrolladores Código abierto

Diagnóstico de red plugin Capacitor

Ejecuta diagnósticos de red nativos para accesibilidad de URL, puertos TCP, handshakes de WebSocket, velocidad y pérdida de paquetes

Instalar

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

Guía

Cómo usar Network Diagnostics en Capacitor

Usando @capgo/capacitor-network-diagnostics

Diagnóstico de red nativo para apps de Capacitor que necesitan depurar Wi-Fi restringido, portales cautivos, puertos bloqueados, fallos de WebSocket, descargas lentas y pérdida de paquetes.

Instalar

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

Lo que expone este plugin

  • getNetworkStatus - Lee el tipo de conexión nativa y los flags de red de la plataforma.
  • testUrl - Comprueba la accesibilidad de una URL HTTP o HTTPS con estado code y latencia.
  • testPort - Abre un socket TCP nativo a un host y puerto.
  • testWebSocket - Valida un ws:// o wss:// handshake.
  • testDownloadSpeed - Medir el throughput de descarga nativa.
  • testPacketLoss - Estimar la pérdida de paquetes a nivel de aplicación con sondas repetidas.
  • runDiagnostics - Ejecutar una pasada de diagnóstico combinada y devolver una lista de problemas.

Ejemplo de 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 de soporte

Pide al usuario afectado que ejecute diagnósticos mientras esté conectado al Wi-Fi o punto de acceso problemático. Envía los resultados a soporte con:

  • tipo de conexión y flags de red del SO
  • URLs, puertos o endpoints WebSocket fallidos
  • Mbps de descarga
  • porcentaje de pérdida de paquetes
  • códigos y mensajes de error nativos

El ping ICMP sin procesar no es portable en apps iOS y Android, así que la pérdida de paquetes se mide con sondas TCP o HTTP repetidas.

Referencia completa

FAQ

FAQ del plugin Network Diagnostics

¿Cómo instalo el plugin Network Diagnostics en una app Capacitor?

Ejecuta "bun add @capgo/capacitor-network-diagnostics" (o "npm install @capgo/capacitor-network-diagnostics"), luego ejecuta "bunx cap sync" para que los proyectos de iOS y Android reconozcan el code nativo. Impórtalo desde "@capgo/capacitor-network-diagnostics" en tu code.

¿Funciona @capgo/capacitor-network-diagnostics con React, Vue y Angular?

Sí. Network Diagnostics es un paquete de Capacitor, por lo que funciona con cualquier framework web que se ejecute dentro de Capacitor, incluyendo Ionic, React, Vue, Angular, Svelte y JavaScript puro.

¿Qué versión de Capacitor soporta @capgo/capacitor-network-diagnostics?

Los plugins de Capgo siguen la versión mayor de Capacitor: usa la versión mayor del plugin que coincida con la versión mayor de tu Capacitor (por ejemplo, el plugin v8 con Capacitor 8). La tabla de compatibilidad del README de GitHub lista las versiones mantenidas.

¿Es @capgo/capacitor-network-diagnostics gratuito y de código abierto?

Sí. El código fuente de code es público en GitHub: https://github.com/Cap-go/capacitor-network-diagnostics/ y el paquete se puede instalar gratis desde npm. Se agradecen los informes de errores y los pull requests.

¿Puedo actualizar code que usa Network Diagnostics sin pasar por la revisión de la App Store?

Instalar o actualizar el plugin cambia el code nativo, así que requiere un nuevo build para la tienda. Después, los cambios de JavaScript, HTML y CSS que llamen al plugin se pueden publicar al instante con las live updates de Capgo.

Lanza cambios de Network Diagnostics sin esperar la revisión de la app

Una vez que el plugin esté en tu store build, Capgo live updates envía tus cambios de JavaScript, HTML y CSS a los usuarios en minutos.

Empieza con Capgo