メインコンテンツへスキップ
@capgo/capacitor-android-kiosk デバイスAPI オープンソース

Android キオスク Capacitor プラグイン

ランチャー機能とハードウェアキー制御により、Android デバイスをキオスクモードにロックします

インストール

bun add @capgo/capacitor-android-kiosk bunx cap sync
npm、pnpm、または yarn
  • npm install @capgo/capacitor-android-kiosk
  • pnpm add @capgo/capacitor-android-kiosk
  • yarn add @capgo/capacitor-android-kiosk

ガイド

Capacitor で Android Kiosk を使う方法

実機でテストする

Capgo アプリをダウンロードして、QR code をスキャンしてください。

Android Kiosk プラグイン プレビュー QR code

@capgo/capacitor-android-kiosk を使用

Capacitor Android Kiosk Plugin は、キオスクモードとランチャー機能を制御するためのプラグインです。このプラグインは Android 専用です。iOS のキオスクモードには、デバイスの Guided Access 機能を使用してください。

インストール

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

bunx cap sync プラグインのネイティブ code をネイティブプロジェクトにコピーします。プラグインをアップグレードするたびに再度実行してください。

インポート

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

API の概要

メソッド 説明
isInKioskMode アプリが現在キオスクモードで動作しているかを確認します。
isSetAsLauncher アプリがデバイスのランチャー(ホームアプリ)として設定されているかを確認します。
enterKioskMode キオスクモードを開始し、システムUIを非表示にしてハードウェアボタンをブロックします。また、システムによるアプリの強制終了を防ぐため、フォアグラウンドのkeep-aliveサービスを開始します。この機能を効果的に利用するには、アプリをデバイスのランチャーとして設定する必要があります。
exitKioskMode キオスクモードを終了し、通常のシステムUIとハードウェアボタンの機能を復元します。また、enterKioskMode() で開始されたフォアグラウンドのkeep-aliveサービスを停止します。
setAsLauncher ユーザーがこのアプリをランチャーとして設定できるように、デバイスのホーム画面設定を開きます。キオスクモードの全機能を利用するには、この設定が必要です。
setAllowedKeys キオスクモード中に動作を許可するハードウェアキーを設定します。デフォルトでは、キオスクモード中のすべてのハードウェアキーはブロックされます。

実装例

isInKioskMode()

アプリが現在キオスクモードで動作しているかを確認します。

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

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

isSetAsLauncher()

アプリがデバイスのランチャー(ホームアプリ)として設定されているかを確認します。

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

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

enterKioskMode()

キオスクモードを開始し、システムUIを非表示にしてハードウェアボタンをブロックします。また、システムによるアプリの強制終了を防ぐため、フォアグラウンドのkeep-aliveサービスを開始します。この機能を効果的に利用するには、アプリをデバイスのランチャーとして設定する必要があります。

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

await CapacitorAndroidKiosk.enterKioskMode();

exitKioskMode()

キオスクモードを終了し、通常のシステムUIとハードウェアボタンの機能を復元します。また、enterKioskMode() で開始されたフォアグラウンドのkeep-aliveサービスを停止します。

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

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

setAsLauncher()

デバイスのホーム画面設定を開き、ユーザーがこのアプリをランチャーとして設定できるようにします。完全なキオスクモード機能にはこれが必要です。

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

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

setAllowedKeys()

キオスクモード中に動作を許可するハードウェアキーを設定します。デフォルトでは、キオスクモード中のすべてのハードウェアキーはブロックされます。

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

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

リファレンス全文

@capgo/capacitor-android-kiosk を使った実装を続ける

以下を使用している場合: @capgo/capacitor-android-kiosk を使用する ダッシュボードと API の操作を計画するには、以下と連携してください @capgo/capacitor-android-kiosk @capgo/capacitor-android-kiosk の実装詳細については、 はじめに Getting Started の実装の詳細については、 API の概要 API Overview の実装の詳細については、 はじめに Introduction の実装詳細、および API キー API Keys の実装詳細についてはこちら。

よくある質問

Android Kiosk プラグイン FAQ

Capacitor アプリに Android Kiosk plugin をインストールするにはどうすればよいですか?

まず "bun add @capgo/capacitor-android-kiosk" (または "npm install @capgo/capacitor-android-kiosk") を実行し、次に "bunx cap sync" を実行して、iOS および Android プロジェクトにネイティブの code を反映させます。その後、アプリの code から "@capgo/capacitor-android-kiosk" をインポートしてください。

@capgo/capacitor-android-kiosk は React、Vue、Angular で動作しますか?

はい。Android Kiosk は Capacitor パッケージであるため、Ionic、React、Vue、Angular、Svelte、およびプレーンな JavaScript を含む、Capacitor 内で動作するあらゆる Web フレームワークで使用可能です。

@capgo/capacitor-android-kiosk はどの Capacitor バージョンをサポートしていますか?

Capgo プラグインは Capacitor のメジャーバージョンに合わせています。使用している Capacitor のメジャーバージョンと一致するプラグインのメジャーバージョンを使ってください (例: Capacitor 8 ならプラグイン v8)。GitHub の README にある互換性テーブルに、メンテナンス中のバージョンが記載されています。

@capgo/capacitor-android-kioskは無料かつオープンソースですか?

はい。codeのソースコードはGitHub(https://github.com/Cap-go/capacitor-android-kiosk/)で公開されており、npmから無料でインストールできます。バグ報告やプルリクエストもお待ちしています。

App Storeの審査なしで、Android Kioskを使用しているcodeをアップデートできますか?

このプラグインをインストールまたはアップグレードするとネイティブの code が変わるため、ストア向けの新しいビルドが必要です。その後は、プラグインを呼び出す JavaScript、HTML、CSS の変更を Capgo によるライブアップデートで即座に配信できます。

アプリの審査を待たずに Android Kiosk の変更をリリース

ストアビルドにプラグインを組み込めば、Capgo のライブアップデートで JavaScript、HTML、CSS の変更を数分でユーザーに配信できます。

Capgo から始める