Salta al contenuto principale
@capgo/capacitor-wifi API dei dispositivi Open source

WiFi Plugin Capacitor

Gestisci la connettività WiFi per la tua app Capacitor

Installa

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

Guida

Come usare il WiFi in Capacitor

Testa sul dispositivo

Scarica l'app Capgo, poi scansiona il QR code.

QR anteprima plugin WiFi code

Utilizzando @capgo/capacitor-wifi

Plugin WiFi per gestire la connettività WiFi del dispositivo.

Installa

bun add @capgo/capacitor-wifi
bunx cap sync

Funzionalità esposte dal plugin

  • addNetwork - Mostra un dialog di sistema per aggiungere una rete Wi-Fi al dispositivo. Su Android SDK 30+, apre le impostazioni WiFi di sistema con la rete precompilata. Su iOS, si connette direttamente alla rete.
  • connect - Connettiti a una rete Wi-Fi. Su Android, crea una connessione temporanea che non instrada il traffico sulla rete di default. Imposta autoRouteTraffic a true per vincolare il traffico dell'app alla rete connessa (utile per AP locali/del dispositivo). Per una connessione persistente su Android, usa addNetwork(). Su iOS, crea una connessione persistente.
  • disconnect - Disconnettiti dalla rete Wi-Fi corrente. Su iOS, si disconnette solo dalle reti aggiunte tramite questo plugin.
  • getAvailableNetworks - Ottieni l'elenco delle reti Wi-Fi disponibili dall'ultima scansione. Disponibile solo su Android.

Esempio d'uso

addNetwork

Mostra un dialogo di sistema per aggiungere una rete Wi-Fi al dispositivo. Su Android SDK 30+, apre le impostazioni Wi-Fi di sistema con la rete precompilata. Su iOS, si connette direttamente alla rete.

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

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

connect

Connettiti a una rete Wi-Fi. Su Android, crea una connessione temporanea che per default non instrada il traffico attraverso la rete. Imposta autoRouteTraffic su true per associare il traffico dell'app alla rete connessa (utile per AP locali o ospitati sul dispositivo). Per una connessione persistente su Android, usa addNetwork(). Su iOS, crea una connessione persistente.

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

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

disconnect

Disconnettiti dalla rete Wi-Fi corrente. Su iOS, si disconnette solo dalle reti aggiunte tramite questo plugin.

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

await CapacitorWifi.disconnect();

getAvailableNetworks

Ottieni un elenco delle reti Wi-Fi disponibili dall'ultima scansione. Disponibile solo su Android.

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

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

Riferimento completo

Continua da Usare @capgo/capacitor-wifi

Se stai usando Usare @capgo/capacitor-wifi per pianificare le operazioni della dashboard e di API, collegalo a @capgo/capacitor-wifi per i dettagli implementativi in @capgo/capacitor-wifi, Per iniziare per i dettagli di implementazione nella guida introduttiva, Panoramica API per i dettagli di implementazione in Panoramica di API, Introduzione per i dettagli implementativi nell'Introduzione, e Chiavi API per i dettagli implementativi in API Keys.

FAQ

FAQ sul plugin WiFi

Come installo il plugin WiFi in un'app Capacitor?

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

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

Sì. WiFi è un pacchetto Capacitor, quindi funziona con qualsiasi framework web in esecuzione su Capacitor, inclusi Ionic, React, Vue, Angular, Svelte e JavaScript puro.

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

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-wifi è free e open source?

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

Posso aggiornare code che usa il WiFi 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 WiFi 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