Allez directement au contenu principal
@capgo/capacitor-android-kiosk APIs de dispositifs Open source

Android Kiosk plugin Capacitor

Verrouillez les appareils Android en mode kiosque avec une fonctionnalité de lancement et un contrôle des touches de clavier

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

Utilisation de @capgo/capacitor-android-kiosk

Plugin Android Kiosk de Capacitor pour le contrôle du mode kiosk et de la fonctionnalité de lancement. Ce plugin est uniquement pour Android. Pour le mode kiosk iOS, utilisez la fonctionnalité d'accès guidé du appareil.

Installer

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

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

Importer

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

API en un coup d'œil

Méthode Description
isInKioskMode Vérifie si l'application est actuellement exécutée en mode kiosque.
isSetAsLauncher Vérifie si l'application est définie comme l'application d'accueil du dispositif.
enterKioskMode Entrez en mode kiosque, masquant l'interface utilisateur système et bloquant les boutons de matériel. L'application doit être définie comme l'application de démarrage du dispositif pour que cela fonctionne efficacement.
exitKioskMode Sortez le mode kiosque, rétablissez l'interface utilisateur système normale et la fonctionnalité des boutons matériel. Cela arrête également le service de maintenance en avant-plan démarré par enterKioskMode().
setAsLauncher Opens the device's home screen settings to allow user to set this app as the launcher. This is required for full kiosk mode functionality.
setAllowedKeys Définit les clés de matériel autorisées à fonctionner en mode kiosque. Par défaut, toutes les clés de matériel sont bloquées en mode kiosque.

Examples

isInKioskMode()

Vérifie si l'application est 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 l'application d'accueil du dispositif.

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

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

enterKioskMode()

Entrez le mode kiosque, masquant l'interface utilisateur système et bloquant les boutons matériel. Il démarre également un service de maintenance de premier plan pour que l'application soit moins susceptible d'être tuée par le système. L'application doit être définie comme l'application de démarrage du dispositif pour que cela fonctionne efficacement.

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

await CapacitorAndroidKiosk.enterKioskMode();

exitKioskMode()

Sortir du mode kiosque, rétablissant l'interface utilisateur système normale et la fonctionnalité des boutons matériel.

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

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

setAsLauncher()

Ouvrez l'écran de paramètres d'accueil du dispositif pour permettre à l'utilisateur de définir cette application comme l'application de démarrage. Cela est requis pour la fonctionnalité complète 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 les clés matérielles autorisées à fonctionner en mode kiosque. Par défaut, toutes les clés matérielles 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

Continuez à partir de l'utilisation de @capgo/capacitor-android-kiosk

Si vous utilisez En utilisant @capgo/capacitor-android-kiosk pour planifier l'interface de bord et les opérations API, la connecter avec @capgo/capacitor-kiosque-android pour les détails d'implémentation dans @capgo/capacitor-android-kiosk Getting Started pour les détails d'implémentation dans Démarrage Vue d'ensemble de API pour les détails d'implémentation dans Vue d'ensemble de API Introduction pour les détails d'implémentation dans Introduction, et Clés de API pour les détails d'implémentation dans Clés de API

FAQ

FAQ du plugin Android Kiosk

Comment installer le plugin Android Kiosk dans une application Capacitor?

Exécutez la commande « bun add @capgo/capacitor-android-kiosk » (ou « npm install @capgo/capacitor-android-kiosk »), puis exécutez « bunx cap sync » afin que les projets iOS et Android prennent en compte les natives code. Importez-l’à partir de « @capgo/capacitor-android-kiosk » dans votre application code.

Fonctionne-t-il @capgo/capacitor-android-kiosk avec React, Vue et Angular ?

Oui. Le package Android Kiosk est un Capacitor package, il fonctionne donc avec tout framework web qui s'exécute à l'intérieur de Capacitor, y compris Ionic, React, Vue, Angular, Svelte et JavaScript pur.

Quelle version de Capacitor est prise en charge par @capgo/capacitor-android-kiosk ?

Capgo plugins suivent la version majeure de Capacitor : utilisez la version majeure du plugin qui correspond à la version majeure de votre Capacitor (par exemple, plugin v8 avec Capacitor 8). La table de compatibilité dans le README du GitHub liste 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 pour l'installer depuis npm. Les rapports de bogues et les demandes de mise à jour sont les bienvenus.

Puis-je mettre à jour code qui utilise Android Kiosk sans passer par une revue de l'App Store ?

L'installation ou la mise à jour du plugin modifie les natives code, il faut donc une nouvelle mise à jour de l'application. Une fois cela fait, les modifications JavaScript, HTML et CSS qui appellent le plugin peuvent être déployées instantanément avec les mises à jour Capgo.

Envoyez les modifications du kiosque Android sans attendre l'examen de l'application.

Une fois le plugin intégré à votre magasin de build, les mises à jour en direct Capgo poussent vos modifications de JavaScript, HTML et CSS vers les utilisateurs en quelques minutes.

Commencez par Capgo