메인 콘텐츠로 건너뛰기

안드로이드 키오스크 Capacitor 플러그인

안드로이드 기기를 키오스크 모드로 잠그고 런처 기능과 하드웨어 키 제어를 제공합니다.

설치

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

장치에서 테스트

Capgo 앱을 다운로드하고 QR코드 code를 스캔하세요.

안드로이드 키오스크 플러그인 미리보기 QR code

@capgo/capacitor-android-kiosk 사용

Capacitor 안드로이드 키오스크 플러그인은 키오스크 모드와 런처 기능을 제어하는 플러그인입니다. 이 플러그인은 안드로이드 전용입니다. iOS 키오스크 모드는 장치의 가이드드 액세스 기능을 사용하세요.

설치

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

bunx cap sync code을 로컬 프로젝트에 복사합니다. 플러그인 업그레이드 후 다시 실행하세요.

Import

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

API을 한눈에

Method 설명
isInKioskMode 현재 앱이 키오스크 모드인지 확인합니다.
isSetAsLauncher 앱이 디바이스 로거로 설정되어 있는지 확인합니다.
enterKioskMode 키오스크 모드에 들어가서 시스템 UI와 하드웨어 버튼을 숨깁니다. 또한 전면 서비스를 시작하여 앱이 시스템에 의해 죽히지 않도록 합니다. 앱이 디바이스 로거로 설정되어 있어야 효과적으로 작동합니다.
exitKioskMode 키오스크 모드를 종료하고 시스템 UI와 하드웨어 버튼의 기능을 복원합니다. 또한 전면 서비스를 시작한 enterKioskMode()를 중지합니다.
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와 하드웨어 버튼을 숨깁니다. 또한 전면 서비스를 시작하여 앱이 시스템에 의해 죽히지 않도록 합니다. 앱이 기기 설정 화면의 홈 앱으로 설정되어야만 이 기능이 효과적으로 작동합니다.

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

await CapacitorAndroidKiosk.enterKioskMode();

exitKioskMode()

키오스크 모드를 종료하고 일반 시스템 UI와 하드웨어 버튼 기능을 복원합니다. 또한 전면 서비스를 시작한 enterKioskMode() 함수를 중지합니다.

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
});

전체 참조

Using @capgo/capacitor-android-kiosk에서 계속하세요

키오스크 모드에서 작동하는 앱을 사용하는 경우 @Capacitor-capgo/capacitor-android-kiosk 대시보드와 @API/__CAPGO_KEEP_1__-android-kiosk를 연결하여 Capacitor-Android-Kiosk를 사용하여 @capgo/capacitor-android-kiosk for the implementation detail in @capgo/capacitor-android-kiosk, Getting Started Getting Started의 구현 세부 정보 API 개요 API Overview의 구현 세부 정보 Introduction Introduction의 구현 세부 정보, 그리고 API 키 API Keys의 구현 세부 정보

FAQ

안드로이드 키오스크 플러그인 FAQ

안드로이드 키오스크 플러그인을 Capacitor 앱에 설치하는 방법은?

Run "bun add @capgo/capacitor-android-kiosk" (or "npm install @capgo/capacitor-android-kiosk"), 그리고 "bunx cap sync"를 실행하여 iOS 및 Android 프로젝트가 네이티브 code를 인식하도록 하세요. 그리고 앱 code에서 "@capgo/capacitor-android-kiosk"를 임포트하세요.

리액트, 뷰, 앵귤러와 함께 @capgo/capacitor-android-kiosk가 작동합니까?

네. Android Kiosk는 Capacitor 패키지이므로, Ionic, React, Vue, Angular, Svelte 및 일반 JavaScript와 같은 Capacitor 내부에서 실행되는 모든 웹 프레임워크와 호환됩니다.

Which Capacitor version does @capgo/capacitor-android-kiosk support?

Capgo plugins follow Capacitor's major version: use the plugin major version that matches your Capacitor major version (for example plugin v8 with Capacitor 8). The compatibility table in the GitHub README lists the maintained versions.

capgo/capacitor-안드로이드 키오스크는 무료이며 오픈 소스인가요?

Yes. The source code is public on GitHub at https://github.com/Cap-go/capacitor-android-kiosk/ and the package is free to install from npm. Bug reports and pull requests are welcome.

앱 스토어 검토 없이 안드로이드 키오스크를 사용하는 code를 업데이트 할 수 있나요?

플러그인을 설치하거나 업그레이드하면 네이티브 code이 변경되므로, 새로운 스토어 빌드를 필요로 합니다. 그 후에, JavaScript, HTML 및 CSS 변경 사항이 플러그인을 호출하는 경우 Capgo 라이브 업데이트와 함께 즉시 배포할 수 있습니다.

안드로이드 키오스크 변경 사항을 앱 리뷰 기다리지 않고 배포하세요.

플러그인을 스토어 빌드에 추가한 후 Capgo 라이브 업데이트를 통해 사용자에게 몇 분 만에 자바스크립트, HTML 및 CSS 변경 사항을 푸시합니다.

Capgo