Zum Hauptinhalt springen
@capgo/capacitor-Android-Kiosk Geräte-APIs Offene Quelle

Android-Kiosk Capacitor-Plugin

Android-Geräte in Kiosk-Modus sperren, mit Launcher-Funktion und Hardware-Tastensteuerung

Installieren

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

Anleitung

So verwendest du Android Kiosk in Capacitor

Auf Gerät testen

Lade die Capgo-App herunter, dann scane den QR-Code code.

QR-Code für Android-Kiosk-Plugin-Vorschau code

Verwendung von @capgo/capacitor-android-kiosk

Capacitor Android-Kiosk-Plugin zum Steuern des Kiosk-Modus und der Launcher-Funktion. Dieser Plugin ist nur für Android verfügbar. Für den iOS-Kiosk-Modus verwenden Sie die Funktion Guided Access des Geräts.

Installieren

bun add @capgo/capacitor-android-kiosk
bunx cap sync

bunx cap sync kopiert die native code des Plugins in Ihre native Projekte. Führen Sie es erneut durch, nachdem jede Plugin-Upgrade durchgeführt wurde.

Importieren

import { CapacitorAndroidKiosk } from '@capgo/capacitor-android-kiosk';

API im Überblick

Methode Beschreibung
isInKioskMode Überprüft, ob die App derzeit im Kiosk-Modus läuft.
isSetAsLauncher Überprüft, ob die App als Geräte-Startseite (Home-App) festgelegt ist.
enterKioskMode Setzt den Kiosk-Modus ein, versteckt die System-UI und blockiert die Hardware-Tasten. Außerdem startet ein Vordergrund-Keep-Alive-Dienst, damit die App weniger wahrscheinlich vom System beendet wird. Die App muss als Geräte-Startseite festgelegt sein, damit dies effektiv funktioniert.
exitKioskMode Beendet den Kiosk-Modus, restauriert die normale System-UI und die Funktionalität der Hardware-Tasten. Außerdem stoppt der Vordergrund-Keep-Alive-Dienst, der in enterKioskMode() gestartet wurde.
setAsLauncher Öffnet die Einstellungen der Geräte-Hauptseite, um dem Benutzer zu ermöglichen, diese App als Launcher zu setzen. Dies ist erforderlich für die volle Funktionalität des Kiosk-Modus.
setAllowedKeys Ermöglicht die Funktion bestimmter Hardware-Tasten in Kiosk-Modus. Standardmäßig sind alle Hardware-Tasten in Kiosk-Modus blockiert.

Beispiele

isInKioskMode()

Überprüft, ob die App derzeit im Kiosk-Modus läuft.

import { CapacitorAndroidKiosk } from '@capgo/capacitor-android-kiosk';

const { isInKioskMode } = await CapacitorAndroidKiosk.isInKioskMode();
console.log('Kiosk mode active:', isInKioskMode);

isSetAsLauncher()

Überprüft, ob die App als Geräte-Startseite (Home-App) festgelegt ist.

import { CapacitorAndroidKiosk } from '@capgo/capacitor-android-kiosk';

const { isLauncher } = await CapacitorAndroidKiosk.isSetAsLauncher();
console.log('Is launcher:', isLauncher);

enterKioskMode()

Setzt den Kiosk-Modus ein, versteckt die System-UI und blockiert die Hardware-Tasten. Außerdem startet ein Vordergrund-Keep-Alive-Dienst, damit die App weniger wahrscheinlich vom System beendet wird. Die App muss als Geräte-Startseite festgelegt sein, damit dies effektiv funktioniert.

import { CapacitorAndroidKiosk } from '@capgo/capacitor-android-kiosk';

await CapacitorAndroidKiosk.enterKioskMode();

exitKioskMode()

Beendet den Kiosk-Modus, restauriert die normale System-UI und die Funktionalität der Hardware-Tasten. Außerdem stoppt der Vordergrund-Keep-Alive-Dienst, der in enterKioskMode() gestartet wurde.

import { CapacitorAndroidKiosk } from '@capgo/capacitor-android-kiosk';

await CapacitorAndroidKiosk.exitKioskMode();
console.log('Exited kiosk mode');

setAsLauncher()

Öffnet die Einstellungen der Geräte-Hauptseite, um dem Benutzer zu ermöglichen, diese App als Launcher zu setzen. Dies ist erforderlich für die volle Funktionalität des Kiosk-Modus.

import { CapacitorAndroidKiosk } from '@capgo/capacitor-android-kiosk';

await CapacitorAndroidKiosk.setAsLauncher();
// User will be prompted to select this app as the home app

setAllowedKeys()

Ermöglicht die Funktion bestimmter Hardware-Tasten in Kiosk-Modus. Standardmäßig sind alle Hardware-Tasten in Kiosk-Modus blockiert.

import { CapacitorAndroidKiosk } from '@capgo/capacitor-android-kiosk';

// Allow volume keys only
await CapacitorAndroidKiosk.setAllowedKeys({
  volumeUp: true,
  volumeDown: true,
  back: false,
  home: false,
  recent: false
});

Vollständige Referenz

Fortfahren von Using @capgo/capacitor-android-kiosk

Wenn Sie Using verwenden Verwendung von @capgo/capacitor-android-kiosk um das Dashboard und API-Operationen zu planen, verbinden Sie es mit @capgo/capacitor-android-kiosk zur Implementierungsdetail in @capgo/capacitor-android-kiosk, Anleitung zum Starten 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

FAQ für den Android-Kiosk-Plugin

Wie installiere ich die Android Kiosk-Plugin in einer Capacitor-App?

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

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

Ja. Der Android-Kiosk-Plugin ist ein Capacitor-Paket, daher funktioniert es mit jedem Web-Framework, das innerhalb von Capacitor läuft, einschließlich Ionic, React, Vue, Angular, Svelte und plain JavaScript.

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

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

Is @capgo/capacitor-android-kiosk kostenlos und Open-Source?

Yes. Die Quelle code ist öffentlich auf GitHub unter https://github.com/Cap-go/capacitor-android-kiosk/ und die Paket ist kostenlos zum Installieren von npm verfügbar. Fehlerberichte und Pull-Anfragen sind willkommen.

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

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

Schicken Sie Änderungen an Android-Kiosk ohne auf die App-Überprüfung zu warten

Sobald das Plugin in Ihrem Laden ist, werden Capgo Live-Updates Ihre JavaScript-, HTML- und CSS-Änderungen in Minuten an die Benutzer weitergeben.

Mit Capgo beginnen