메인 콘텐츠로 건너뛰기

장치 정보 Capacitor 플러그인

Capacitor 앱에서 CPU, 메모리, GPU, 저장소, 열 상태 및 onboard 센서 메트릭을 읽습니다.

설치

bun add @capgo/capacitor-device-info bunx cap sync
npm, pnpm 또는 yarn
  • npm install @capgo/capacitor-device-info
  • pnpm add @capgo/capacitor-device-info
  • yarn add @capgo/capacitor-device-info

가이드

Capacitor에서 디바이스 정보 사용하는 방법

Capacitor @capgo/capacitor-device-info 사용

CPU, 메모리, GPU, 저장소, 열, 저전력 및 onboard 센서 메트릭을 읽는 Capacitor 앱에서

호환성

이 플러그인은 Capacitor 8 이상이 필요합니다.@capacitor/core >=8.0.0).

설치

npm install @capgo/capacitor-device-info
npx cap sync

이 플러그인이 노출하는 것

  • getInfo - CPU, 메모리, GPU, 저장소, 열 상태, 저전력 모드 및 onboard 센서의 한 스냅샷을 읽습니다.
  • startMonitoring - 차트 및 진단 대시보드에 대한 주기적인 스냅샷을 시작합니다.
  • stopMonitoring - 활성 스트림을 중지합니다.
  • isMonitoring - 스트림 상태 및 발행된 샘플 수를 확인합니다.
  • removeAllListeners - 플러그인에 등록된 모든 리스너를 제거합니다.
  • deviceInfoUpdate - 주기적인 샘플에 대해 발행된 이벤트 리스너

예시 사용

import { DeviceInfo } from '@capgo/capacitor-device-info';

const snapshot = await DeviceInfo.getInfo();

console.log(snapshot.cpu.cores);
console.log(snapshot.memory.usedPercent);
console.log(snapshot.gpu?.renderer);
console.log(snapshot.sensors?.pressureHpa);

차트에 메트릭을 스트리밍

import { DeviceInfo } from '@capgo/capacitor-device-info';

const samples: number[] = [];

const handle = await DeviceInfo.addListener('deviceInfoUpdate', (sample) => {
  if (typeof sample.cpu.usagePercent === 'number') {
    samples.push(sample.cpu.usagePercent);
  }
});

await DeviceInfo.startMonitoring({
  intervalMs: 1000,
  emitImmediately: true,
});

// Later:
await DeviceInfo.stopMonitoring();
await handle.remove();

모니터링은 기본적으로 1000 ms 간격으로 동작하며, 250 ms 이하의 간격은 클램핑하고, 즉시 샘플을 내보내지 않으면 새 옵션으로 다시 시작합니다. emitImmediately: false. Calling startMonitoring() 다시 호출하면 현재 세션을 새 옵션으로 재시작합니다. sequence, startedAt, and elapsedMs.

또는 durationMs 또는 sampleCount 또는 await DeviceInfo.removeAllListeners().

또는

또는

플러그인은 기상 데이터를 가져오지 않습니다. 외부 온도와 습도는 별도의 위치와 기상 API 통합이 필요합니다.

전체 참조

계속하기

Capacitor-device-info를 사용하는 경우 @capgo/capacitor-device-info 디아그노스틱스나 모니터링 화면을 만들기 위해 사용하는 경우, __CAPGO_KEEP_0__와 연결하세요. @capgo/capacitor-device-info 개요를 위해 시작하기 설치와 API 예시를 위해 Capacitor-capgo/capacitor-barometer dedicated 압력 스트리밍을 위해 Capacitor-capgo/capacitor-light-sensor dedicated 조도 측정에 사용합니다.

FAQ

디바이스 정보 플러그인 FAQ

Capacitor 앱에 디바이스 정보 플러그인을 설치하는 방법은 무엇입니까?

bun add @capgo/capacitor-device-info (또는 npm install @capgo/capacitor-device-info)를 실행한 다음 bunx cap sync를 실행하여 iOS 및 Android 프로젝트가 네이티브 code를 인식하도록 하세요. capgo/capacitor-device-info를 import하세요. code에서 bun/capgo-device-info를 사용하세요.

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

네. 디바이스 정보는 Capacitor 패키지이므로 Capacitor 내에서 실행되는 모든 웹 프레임워크와 함께 작동합니다. 이에는 아이오닉, 리액트, 뷰, 앵귤러, 스벨트 및 평범한 자바스크립트도 포함됩니다.

어떤 Capacitor 버전이 @capgo/capacitor-device-info를 지원합니까?

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-device-info는 무료이며 오픈 소스입니까?

네. code은 GitHub에 공개되어 있으며 https://github.com/Cap-go/capacitor-device-info/에서 무료로 설치할 수 있습니다. npm에서 버그 리포트와 풀 리퀘스트를 환영합니다.

code을 사용하는 Device Info를 업데이트할 수 있나요?

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

앱 리뷰 기다리지 않고 Ship Device Info 변경을 보내세요.

플러그인이 스토어 빌드에 포함된 후, Capgo 라이브 업데이트는 사용자에게 몇 분 안에 자바스크립트, HTML 및 CSS 변경을 푸시합니다.

Capgo으로 시작하세요.