Aller au contenu principal
@capgo/capacitor-wifi API de l'appareil Open source

WiFi Plugin Capacitor

Gérez la connectivité WiFi de votre application Capacitor

Installer

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

Guide

Comment utiliser le WiFi dans Capacitor

Tester sur l'appareil

Téléchargez l'application Capgo, puis scannez le QR code.

Aperçu QR du plugin WiFi code

Utilisation de @capgo/capacitor-wifi

Plugin WiFi pour gérer la connectivité WiFi de l'appareil.

Installer

bun add @capgo/capacitor-wifi
bunx cap sync

Ce que ce plugin expose

  • addNetwork - Affiche une boîte de dialogue système pour ajouter un réseau Wi-Fi à l'appareil. Sur Android SDK 30+, cela ouvre les paramètres Wi-Fi système avec le réseau pré-rempli. Sur iOS, cela se connecte directement au réseau.
  • connect - Se connecter à un réseau Wi-Fi. Sur Android, cela crée une connexion temporaire qui ne route pas le trafic via le réseau par défaut. Réglez autoRouteTraffic sur true pour lier le trafic de l'app au réseau connecté (utile pour les points d'accès locaux/hébergés sur l'appareil). Pour une connexion persistante sur Android, utilisez plutôt addNetwork(). Sur iOS, cela crée une connexion persistante.
  • disconnect - Se déconnecter du réseau Wi-Fi actuel. Sur iOS, cela ne déconnecte que les réseaux ajoutés via ce plugin.
  • getAvailableNetworks - Récupérer la liste des réseaux Wi-Fi disponibles lors du dernier scan. Disponible uniquement sur Android.

Exemple d'utilisation

addNetwork

Afficher une boîte de dialogue système pour ajouter un réseau Wi-Fi à l'appareil. Sur Android SDK 30+, cela ouvre les paramètres Wi-Fi système avec le réseau prérempli. Sur iOS, cela se connecte directement au réseau.

import { CapacitorWifi, NetworkSecurityType } from '@capgo/capacitor-wifi';

await CapacitorWifi.addNetwork({
  ssid: 'MyNetwork',
  password: 'mypassword',
  isHiddenSsid: false,
  securityType: NetworkSecurityType.WPA2_PSK
});

connect

Se connecter à un réseau Wi-Fi. Sur Android, cela crée une connexion temporaire qui ne route pas le trafic via le réseau par défaut. Définissez autoRouteTraffic sur true pour lier le trafic de l'application au réseau connecté (utile pour les points d'accès locaux ou hébergés sur l'appareil). Pour une connexion persistante sur Android, utilisez plutôt addNetwork(). Sur iOS, cela crée une connexion persistante.

import { CapacitorWifi } from '@capgo/capacitor-wifi';

await CapacitorWifi.connect({
  ssid: 'MyNetwork',
  password: 'mypassword',
  autoRouteTraffic: true // Android only: route app traffic through this network
});

disconnect

Se déconnecter du réseau Wi-Fi actuel. Sur iOS, la déconnexion ne concerne que les réseaux ajoutés via ce plugin.

import { CapacitorWifi } from '@capgo/capacitor-wifi';

await CapacitorWifi.disconnect();

getAvailableNetworks

Récupérer la liste des réseaux Wi-Fi disponibles lors du dernier scan. Disponible uniquement sur Android.

import { CapacitorWifi } from '@capgo/capacitor-wifi';

const { networks } = await CapacitorWifi.getAvailableNetworks();
networks.forEach(network => {
  console.log(`SSID: ${network.ssid}, Signal: ${network.rssi} dBm`);
});

Référence complète

Continuer après avoir utilisé @capgo/capacitor-wifi

Si vous utilisez Utiliser @capgo/capacitor-wifi pour planifier les opérations du dashboard et de API, connectez-l’avec @capgo/capacitor-wifi pour le détail d’implémentation dans @capgo/capacitor-wifi, Prise en main pour les détails d'implémentation dans Getting Started Aperçu de API pour les détails d'implémentation dans « Vue d'ensemble de API », Introduction pour les détails d'implémentation dans l'Introduction, et Clés API pour les détails d'implémentation dans les clés API.

FAQ

FAQ du plugin WiFi

Comment installer le plugin WiFi dans une application Capacitor ?

Exécutez "bun add @capgo/capacitor-wifi" (ou "npm install @capgo/capacitor-wifi"), puis lancez "bunx cap sync" pour que les projets iOS et Android prennent en compte le code natif. Importez-le depuis "@capgo/capacitor-wifi" dans votre code.

Est-ce que @capgo/capacitor-wifi fonctionne avec React, Vue et Angular ?

Oui. WiFi est un package Capacitor, il fonctionne donc avec n'importe quel framework web tournant sous Capacitor, y compris Ionic, React, Vue, Angular, Svelte et le JavaScript pur.

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

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-wifi est gratuit et open source ?

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

Puis-je mettre à jour code utilisant le WiFi 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 vos changements WiFi 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