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

Kiosk Android Plugin Capacitor

Verrouillez les appareils Android en mode kiosque avec une fonction de launcher et le contrôle des boutons physiques

Installer

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

Guide

Comment utiliser Android Kiosk dans Capacitor

Tester sur l'appareil

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

QR code d'aperçu du plugin Android Kiosk code

Utilisation de @capgo/capacitor-android-kiosk

Capacitor Plugin Android Kiosk pour contrôler le mode kiosque et les fonctionnalités du lanceur. Ce plugin est exclusif à Android. Pour le mode kiosque sur iOS, utilisez la fonctionnalité Guided Access de l’appareil.

Installer

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

bunx cap sync copie le code natif du plugin dans vos projets natifs. Relancez-l’après chaque mise à jour du plugin.

Importer

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

Aperçu de API

Méthode Description
isInKioskMode Vérifie si l'application s'exécute actuellement en mode kiosque.
isSetAsLauncher Vérifie si l’application est définie comme lanceur d’appareil (application d’accueil).
enterKioskMode Passe en mode kiosque en masquant l'interface système et en bloquant les boutons matériels. Démarre aussi un service foreground keep-alive pour limiter le risque que le système tue l'application. L'application doit être définie comme lanceur de l'appareil pour que cela fonctionne.
exitKioskMode Quitte le mode kiosque, rétablissant l'interface système et les boutons matériels. Arrête également le service de maintien en premier plan lancé par enterKioskMode().
setAsLauncher Ouvre les paramètres de l'écran d'accueil de l'appareil pour que l'utilisateur puisse définir cette app comme lanceur. Nécessaire pour bénéficier de toutes les fonctionnalités du mode kiosque.
setAllowedKeys Définit quelles touches physiques sont autorisées à fonctionner en mode kiosque. Par défaut, toutes les touches physiques sont bloquées en mode kiosque.

Exemples

isInKioskMode()

Vérifie si l'application s'exécute actuellement en mode kiosque.

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

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

isSetAsLauncher()

Vérifie si l’application est définie comme lanceur d’appareil (application d’accueil).

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

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

enterKioskMode()

Passe en mode kiosque en masquant l'interface système et en bloquant les boutons matériels. Démarre aussi un service foreground keep-alive pour limiter le risque que le système tue l'application. L'application doit être définie comme lanceur de l'appareil pour que cela fonctionne.

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

await CapacitorAndroidKiosk.enterKioskMode();

exitKioskMode()

Quitte le mode kiosque, rétablissant l'interface système et les boutons matériels. Arrête également le service de maintien en premier plan lancé par enterKioskMode().

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

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

setAsLauncher()

Ouvre les paramètres de l'écran d'accueil de l'appareil pour que l'utilisateur puisse définir cette app comme lanceur. Nécessaire pour bénéficier de toutes les fonctionnalités du mode kiosque.

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

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

setAllowedKeys()

Définit quelles touches physiques sont autorisées à fonctionner en mode kiosque. Par défaut, toutes les touches physiques sont bloquées en mode kiosque.

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

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

Référence complète

Continuer après « Utiliser @capgo/capacitor-android-kiosk »

Si vous utilisez Utilisation de @capgo/capacitor-android-kiosk pour planifier les opérations du dashboard et de API, connectez-l’avec @capgo/capacitor-android-kiosk pour les détails d'implémentation dans @capgo/capacitor-android-kiosk, 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 Android Kiosk

Comment installer le plugin Android Kiosk dans une application Capacitor ?

Exécutez « bun add @capgo/capacitor-android-kiosk » (ou « npm install @capgo/capacitor-android-kiosk »), puis lancez « bunx cap sync » pour que les projets iOS et Android récupèrent le code natif. Importez-le depuis « @capgo/capacitor-android-kiosk » dans votre code.

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

Oui. Android Kiosk est un package Capacitor, il fonctionne donc avec n'importe quel framework web qui s'exécute dans Capacitor, y compris Ionic, React, Vue, Angular, Svelte et le JavaScript vanilla.

Quelle version de Capacitor @capgo/capacitor-android-kiosk prend-il en charge ?

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

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

Puis-je mettre à jour code utilisant Android Kiosk 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 Android Kiosk 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