Zum Hauptinhalt springen

Geräteinformationen Capacitor Plugin

Lesen Sie CPU, Speicher, GPU, Speicher, thermische Zustände und Bord-Sensor-Metriken aus Capacitor-Apps

Installieren

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

Richtlinie

Wie man Device Info in Capacitor verwendet

Auf einem Gerät testen

Laden Sie die Capgo-App herunter, dann scannen Sie die QR-code.

Vorschau-QR-Link für das Geräte-Info-Plugin code

Verwenden Sie @capgo/capacitor-geräte-info

Lesen Sie CPU-, Speicher-, GPU-, Speicher-, Temperatur-, Energie- und Bord-Sensor-Daten aus einer Capacitor-Anwendung.

Kompatibilität

Dieses Plugin erfordert Capacitor 8 oder später (@capacitor/core >=8.0.0).

Installieren

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

Was dieses Plugin freigibt

  • getInfo - Lesen Sie eine Snapshot mit CPU-, Speicher-, GPU-, Speicher-, Temperaturzustand, Energieeinsparmodus und Bord-Sensoren.
  • startMonitoring - Starten Sie periodische Snapshots für Diagramme und Diagnose-Dashboard-Übersichten.
  • stopMonitoring - Beenden Sie den aktiven Stream.
  • isMonitoring Überprüfe den Status des Streams und die emittierte Sample-Anzahl.
  • removeAllListeners - Entfernen Sie alle auf dem Plugin registrierten Listener.
  • deviceInfoUpdate - Listener-Event wird für jedes periodische Beispiel emittiert.

- Beispielverwendung

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

- Stream-Metriken in ein Diagramm einfließen

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

- Monitoring startet mit einer Intervallzeit von 1000 ms, klemmt Intervalle unter 250 ms und emittiert einen sofortigen Sample, es sei denn, Sie setzen emitImmediately: false- . Aufrufen startMonitoring() - wieder startet die aktive Sitzung mit den neuen Optionen. Jedes Ereignis enthält seine sequence, startedAt- , und elapsedMs.

Use durationMs - oder sampleCount um automatisch zu stoppen. Wenn Sie keinen Listener mehr benötigen, rufen Sie await DeviceInfo.removeAllListeners().

Einreichen von Sensordaten

Sensordaten sind optional, da Geräte unterschiedliche Hardware ausgeben. Android kann Batterietemperatur, Umgebungs-temperatur, Feuchtigkeit, barometrischen Druck, Licht, Nähe und CPU- und GPU-Temperaturwerte melden, wenn verfügbar. iOS meldet die Verfügbarkeit von CoreMotion-Sensoren, den thermischen Zustand und den Energieverbrauch, aber öffentliche iOS-APIs offenbaren keine Rohwerte für CPU- oder GPU-Temperatur.

Der Plugin holt keine Wetterdaten. Außentemperatur und -feuchtigkeit erfordern eine separate Standort- und Wetterintegration API.

Vollständige Referenz

Weitermachen

Wenn Sie diese Funktion verwenden @capgo/capacitor-device-info zum Erstellen von Diagnose- oder Überwachungsanzeigen verwenden, verbinden Sie es mit @capgo/capacitor-Geräte-Info für die Übersicht Getting Started für die Installation und API-Beispiele Verwendung von @capgo/capacitor-Barometer für dedizierte Druckströme und Verwendung von @capgo/capacitor-Lichtsensor für dedizierte Lichtmessungen.

FAQ

FAQ für das Geräte-Info-Plugin

Wie installiere ich die Geräte-Info-Plugin in einer Capacitor App?

Führen Sie "bun add @capgo/capacitor-device-info" (oder "npm install @capgo/capacitor-device-info"), dann führen Sie "bunx cap sync" aus, damit die iOS- und Android-Projekte die native code-Datei aufnehmen. Importieren Sie es aus "@capgo/capacitor-device-info" in Ihrer code-Anwendung.

Funktioniert @capgo/capacitor-device-info mit React, Vue und Angular?

Ja. Device Info ist ein Capacitor-Paket, daher funktioniert es mit jedem Web-Framework, das innerhalb von Capacitor läuft, einschließlich Ionic, React, Vue, Angular, Svelte und plain JavaScript.

Welche Capacitor-Version unterstützt @capgo/capacitor-device-info?

Capgo-Plugins folgen der Capacitor-Majorenversion: Wählen Sie die Plugin-Majorenversion, die Ihrem Capacitor-Majorenversion entspricht (z.B. Plugin v8 mit Capacitor 8). Die Kompatibilitäts-Tabelle im GitHub-README listet die unterstützten Versionen auf.

Ist @capgo/capacitor-device-info kostenlos und Open-Source?

Ja. Der Quellcode von code ist öffentlich auf GitHub unter https://github.com/Cap-go/capacitor-device-info/ verfügbar und das Paket kann kostenlos installiert werden von npm. Bug-Berichte und Pull-Anfragen sind willkommen.

Kann ich code, das Device Info verwendet, ohne eine App-Store-Bewertung aktualisieren?

Die Installation oder das Upgrade des Plugins ändert die native code, daher benötigt es eine neue Store-Build. Anschließend können JavaScript-, HTML- und CSS-Änderungen, die den Plugin aufrufen, sofort mit Capgo-Live-Updates verschickt werden.

Schiffen Sie Änderungen an Device Info ohne auf eine App-Überprüfung zu warten

Nachdem das Plugin in Ihrem Laden erstellt wurde, Capgo Live-Updates drücken Ihre JavaScript-, HTML- und CSS-Änderungen an Benutzern in Minuten.

Mit Capgo beginnen