Zum Hauptinhalt springen
@capgo/capacitor-WLAN Werkzeuge Offene Quelle

WLAN Capacitor-Plugin

Verwalte die WLAN-Verbindung für deine Capacitor-App

Installieren

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

Richtlinie

How zu WiFi in Capacitor verwenden

Gerät testen

Downloaden Sie die Capgo-App, dann scannen Sie die QR-code.

Vorschau-QR-code für WiFi-Plugin

Verwendung von @capgo/capacitor-wifi

WiFi-Plugin für die Verwaltung der Geräte-WLAN-Verbindung

Installieren

bun add @capgo/capacitor-wifi
bunx cap sync

Was diese Erweiterung bereitstellt

  • addNetwork - Zeigt ein Systemdialog an, um ein WLAN-Netzwerk auf dem Gerät hinzuzufügen. Auf Android SDK 30+ öffnet dies die Systemeinstellungen für WLAN mit dem Netzwerk vorab ausgefüllt. Auf iOS verbindet sich das Gerät direkt mit dem Netzwerk.
  • connect - Verbindet sich mit einem WLAN-Netzwerk. Auf Android erstellt dies eine temporäre Verbindung, die standardmäßig nicht den Datenverkehr durch das Netzwerk leitet. Setze autoRouteTraffic auf true, um den Datenverkehr der App auf das verbundene Netzwerk zu binden (nützlich für lokale/gerätegeführte APs). Für eine persistente Verbindung auf Android verwende stattdessen addNetwork(). Auf iOS erstellt dies eine persistente Verbindung.
  • disconnect - Trennt sich vom aktuellen WLAN-Netzwerk. Auf iOS trennt sich nur von Netzwerken, die über diese Erweiterung hinzugefügt wurden.
  • getAvailableNetworks - Holt sich eine Liste der verfügbaren WLAN-Netzwerke aus der letzten Scan. Nur auf Android verfügbar.

Beispielanwendung

addNetwork

Zeigt ein Systemdialog an, um ein WLAN-Netzwerk auf dem Gerät hinzuzufügen. Auf Android SDK 30+ öffnet dies die Systemeinstellungen für WLAN mit dem Netzwerk vorab ausgefüllt. Auf iOS verbindet sich das Gerät direkt mit dem Netzwerk.

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

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

connect

Verbindet sich mit einem WLAN-Netzwerk. Auf Android erstellt dies eine temporäre Verbindung, die standardmäßig nicht den Datenverkehr durch das Netzwerk leitet. Setze autoRouteTraffic auf true, um den Datenverkehr der App auf das verbundene Netzwerk zu binden (nützlich für lokale/gerätegeführte APs). Für eine persistente Verbindung auf Android verwende stattdessen addNetwork(). Auf iOS erstellt dies eine persistente Verbindung.

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

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

disconnect

Trennt sich vom aktuellen WLAN-Netzwerk. Auf iOS trennt sich nur von Netzwerken, die über diese Erweiterung hinzugefügt wurden.

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

await CapacitorWifi.disconnect();

getAvailableNetworks

Liste der verfügbaren Wi-Fi-Netzwerke aus der letzten Scan anzeigen. Nur auf Android verfügbar.

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

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

Vollständige Referenz

Weitermachen von Using @capgo/capacitor-wifi

Wenn Sie Using verwenden Mit @capgo/capacitor-WLAN um das Dashboard und die API-Operationen zu planen, verbinden Sie es mit @capgo/capacitor-WLAN für die Implementierungsdetails in @capgo/capacitor-wifi Getting Started für die Implementierungsdetails in Getting Started API Übersicht für die Implementierungsdetails in API Übersicht Einführung für die Implementierungsdetails in Einführung und API Schlüssel für die Implementierungsdetails in API Schlüssel

FAQ

WiFi-Plugin-Häufig gestellte Fragen

Wie installiere ich den WiFi-Plugin in einer Capacitor-Anwendung?

Führen Sie "bun add @capgo/capacitor-wifi" (oder "npm install @capgo/capacitor-wifi") aus, dann führen Sie "bunx cap sync" aus, damit die iOS- und Android-Projekte die native code-Datei aufnehmen. Importieren Sie sie aus "@capgo/capacitor-wifi" in Ihrer code-Anwendung.

Funktioniert @capgo/capacitor-wifi mit React, Vue und Angular?

Ja. WiFi ist ein Capacitor-Paket, daher funktioniert es mit jedem Webframework, das innerhalb von Capacitor läuft, einschließlich Ionic, React, Vue, Angular, Svelte und plain JavaScript.

Welche Capacitor-Version unterstützt @capgo/capacitor-wifi?

Capgo-Plugins folgen der Capacitor-Version: verwenden Sie die Plugin-Major-Version, die Ihrer Capacitor-Major-Version entspricht (z.B. Plugin v8 mit Capacitor 8). Die Kompatibilitäts-Tabelle im GitHub-README listet die unterstützten Versionen auf.

Ist @capgo/capacitor-wifi kostenlos und Open-Source?

Ja. Die Quelle code ist öffentlich auf GitHub unter https://github.com/Cap-go/capacitor-wifi/ und die Pakete sind kostenlos zum Installieren erhältlich von npm. Fehlerberichte und Pull-Anfragen sind willkommen.

Kann ich code mit WiFi aktualisieren, ohne dass es eine App-Store-Bewertung gibt?

Die Installation oder das Upgrade des Plugins ändert die native code, daher benötigt es eine neue Build im Store. Anschließend können JavaScript-, HTML- und CSS-Änderungen, die den Plugin aufrufen, sofort mit Capgo-Live-Updates verschickt werden.

Schiffe WiFi-Änderungen ohne auf die App-Überprüfung zu warten

Eine einmal in Ihrem Store-Builder integrierte Plugin, Capgo Live-Updates drücken Ihre JavaScript-, HTML- und CSS-Änderungen an die Benutzer in Minuten.

Beginnen Sie mit Capgo