Aller au contenu principal
@capgo/capacitor-network-diagnostics Outils développeurs Open source

Diagnostics réseau Plugin Capacitor

Lancez des diagnostics réseau natifs : accessibilité des URL, ports TCP, handshakes WebSocket, vitesse et perte de paquets

Installer

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

Guide

Comment utiliser Network Diagnostics dans Capacitor

Utiliser @capgo/capacitor-network-diagnostics

Diagnostics réseau natifs pour les applications Capacitor nécessitant de déboguer le Wi-Fi restreint, les portails captifs, les ports bloqués, les échecs WebSocket, les téléchargements lents et la perte de paquets.

Installer

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

Ce que ce plugin expose

  • getNetworkStatus - Lire le type de connexion natif et les drapeaux réseau de la plateforme.
  • testUrl - Vérifier la joignabilité d'une URL HTTP ou HTTPS avec le statut code et la latence.
  • testPort - Ouvrir un socket TCP natif vers un hôte et un port.
  • testWebSocket - Valider un ws:// ou wss:// handshake.
  • testDownloadSpeed - Mesurer le débit de téléchargement natif.
  • testPacketLoss - Estimer la perte de paquets au niveau de l'application avec des sondages répétés.
  • runDiagnostics - Exécuter un passage de diagnostic combiné et renvoyer une liste des problèmes.

Exemple d'utilisation

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 support

Demandez à l'utilisateur concerné de lancer un diagnostic lorsqu'il est connecté au Wi-Fi ou au point d'accès problématique. Envoyez les résultats au support avec :

  • type de connexion et indicateurs réseau de l'OS
  • les URL, ports ou endpoints WebSocket en échec
  • débit de téléchargement (Mbps)
  • le pourcentage de perte de paquets
  • les codes et messages d'erreur natifs

Le ping ICMP brut n'est pas portable sur les apps iOS et Android, la perte de paquets est donc mesurée via des sondes TCP ou HTTP répétées.

Référence complète

FAQ

FAQ du plugin Network Diagnostics

Comment installer le plugin Network Diagnostics dans une application Capacitor ?

Run "bun add @capgo/capacitor-network-diagnostics" (or "npm install @capgo/capacitor-network-diagnostics"), then run "bunx cap sync" so the iOS and Android projects pick up the native code. Import it from "@capgo/capacitor-network-diagnostics" in your app code.

Le plugin @capgo/capacitor-network-diagnostics fonctionne-t-il avec React, Vue et Angular ?

Oui. Network Diagnostics est un package Capacitor, il fonctionne donc avec n'importe quel framework web qui tourne dans Capacitor, y compris Ionic, React, Vue, Angular, Svelte et le JavaScript pur.

Quelle version de Capacitor est supportée par @capgo/capacitor-network-diagnostics ?

Les plugins Capgo suivent la version majeure de Capacitor : utilisez la version majeure du plugin qui correspond à la version majeure de votre Capacitor (par exemple le plugin v8 avec Capacitor 8). Le tableau de compatibilité du README de GitHub recense les versions maintenues.

Est-ce que @capgo/capacitor-network-diagnostics est gratuit et open source ?

Oui. Le code source de code est public sur GitHub à l'adresse https://github.com/Cap-go/capacitor-network-diagnostics/ et le package s'installe gratuitement depuis npm. Les rapports de bugs et les pull requests sont les bienvenus.

Puis-je mettre à jour code qui utilise Network Diagnostics sans passer par une revue de l’App Store ?

L'installation ou la mise à jour du plugin modifie le code natif, ce qui impose un nouveau build pour les stores. Ensuite, les changements JavaScript, HTML et CSS qui appellent le plugin peuvent être livrés instantanément via les live updates de Capgo.

Déployez les changements de Network Diagnostics sans attendre la validation de l'app

Une fois le plugin intégré à votre build de store, Capgo live updates déploie vos changements JavaScript, HTML et CSS aux utilisateurs en quelques minutes.

Commencez avec Capgo