Saltar al contenido principal
@capgo/capacitor-wifi API de dispositivos Código abierto

WiFi plugin Capacitor

Gestiona la conectividad WiFi de tu app Capacitor

Instalar

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

Guía

Cómo usar WiFi en Capacitor

Probar en el dispositivo

Descarga la app Capgo y escanea el QR code.

Vista previa QR del plugin WiFi code

Uso de @capgo/capacitor-wifi

Plugin de WiFi para gestionar la conectividad WiFi del dispositivo.

Instalar

bun add @capgo/capacitor-wifi
bunx cap sync

Lo que expone este plugin

  • addNetwork - Muestra un diálogo del sistema para añadir una red Wi-Fi al dispositivo. En Android SDK 30+, abre los ajustes de Wi-Fi con la red precargada. En iOS, se conecta directamente a la red.
  • connect - Conecta a una red Wi-Fi. En Android, crea una conexión temporal que no enruta el tráfico por la red por defecto. Usa autoRouteTraffic en true para vincular el tráfico de la app a la red (útil para APs locales). Para una conexión persistente en Android, usa addNetwork(). En iOS, crea una conexión persistente.
  • disconnect - Desconecta de la red Wi-Fi actual. En iOS, solo desconecta de las redes añadidas mediante este plugin.
  • getAvailableNetworks - Obtén una lista de redes Wi-Fi disponibles del último escaneo. Solo disponible en Android.

Ejemplo de uso

addNetwork

Muestra un diálogo del sistema para añadir una red Wi-Fi al dispositivo. En Android SDK 30+, esto abre los ajustes de Wi-Fi con la red precargada. En iOS, se conecta directamente a la red.

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

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

connect

Conéctate a una red Wi-Fi. En Android, crea una conexión temporal que no redirige el tráfico por la red por defecto. Configura autoRouteTraffic en true para vincular el tráfico de la app a la red conectada (útil para APs locales o del dispositivo). Para una conexión persistente en Android, usa addNetwork(). En iOS, crea una conexión 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

Desconéctate de la red Wi-Fi actual. En iOS, solo se desconecta de las redes añadidas mediante este plugin.

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

await CapacitorWifi.disconnect();

getAvailableNetworks

Obtén una lista de redes Wi-Fi disponibles del último escaneo. Solo disponible en Android.

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

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

Referencia completa

Continúa desde Usando @capgo/capacitor-wifi

Si estás usando Uso de @capgo/capacitor-wifi para planificar las operaciones del dashboard y de API, conéctalo con @capgo/capacitor-wifi por los detalles de implementación en @capgo/capacitor-wifi, Primeros pasos para los detalles de implementación en Primeros pasos, Resumen de API para los detalles de implementación en API Overview, Introducción por los detalles de implementación en la Introducción, y Claves de API por los detalles de implementación en las Keys de API.

FAQ

FAQ del plugin WiFi

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

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

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

Sí. WiFi es un paquete de Capacitor, por lo que funciona con cualquier framework web que corra en Capacitor, incluyendo Ionic, React, Vue, Angular, Svelte y JavaScript puro.

¿Qué versión de Capacitor es compatible con @capgo/capacitor-wifi?

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-wifi gratuito y de código abierto?

Sí. El código fuente de code es público en GitHub en https://github.com/Cap-go/capacitor-wifi/ y el paquete se puede instalar gratis desde npm. Los reportes de bugs y pull requests son bienvenidos.

¿Puedo actualizar code que usa WiFi 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 WiFi 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