Aller au contenu principal
@capgo/capacitor-device-info API de l'appareil Open source

Infos appareil Plugin Capacitor

Lire les métriques CPU, mémoire, GPU, stockage, état thermique et capteurs intégrés des apps Capacitor

Installer

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

Guide

Comment utiliser Device Info dans Capacitor

Utiliser @capgo/capacitor-device-info

Lire les métriques CPU, mémoire, GPU, stockage, thermiques, basse consommation et capteurs intégrés d'une app Capacitor.

Compatibilité

Ce plugin nécessite Capacitor 8 ou une version ultérieure (@capacitor/core >=8.0.0).

Installer

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

Ce que ce plugin expose

  • getInfo - Lire un snapshot incluant le CPU, la mémoire, le GPU, le stockage, l'état thermique, le mode économie d'énergie et les capteurs intégrés.
  • startMonitoring - Lancer des snapshots périodiques pour des graphiques et des dashboards de diagnostic.
  • stopMonitoring - Arrêter le flux actif.
  • isMonitoring - Vérifier le statut du flux et le nombre d'échantillons émis.
  • removeAllListeners - Supprimer tous les écouteurs enregistrés sur le plugin.
  • deviceInfoUpdate - Événement listener émis pour chaque échantillon périodique.

Exemple d'utilisation

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

Afficher les métriques dans un graphique

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

Le monitoring utilise par défaut un intervalle de 1000 ms, limite les intervalles en dessous de 250 ms et émet un échantillon immédiat sauf si vous définissez emitImmediately: false. L'appel de startMonitoring() redémarre la session active avec les nouvelles options. Chaque événement inclut son sequence, startedAt, et elapsedMs.

Utiliser durationMs ou sampleCount pour s'arrêter automatiquement. Si vous n'avez plus besoin d'un listener, appelez await DeviceInfo.removeAllListeners().

Notes sur les capteurs embarqués

Les relevés de capteurs sont optionnels, car les appareils n'exposent pas tous le même matériel. Android peut fournir la température de la batterie, la température ambiante, l'humidité, la pression barométrique, la luminosité, la proximité, ainsi que, au mieux, les valeurs des zones thermiques CPU/GPU lorsqu'elles sont disponibles. iOS indique la disponibilité des capteurs CoreMotion, l'état thermique et l'état d'économie d'énergie, mais les API publiques d'iOS n'exposent pas la température brute du CPU ou du GPU.

Le plugin ne récupère pas les données météo. La température extérieure et l'humidité nécessitent une intégration API de localisation et de météo distincte.

Référence complète

Continuer

Si vous utilisez @capgo/capacitor-device-info pour créer des écrans de diagnostic ou de monitoring, connectez-l’avec @capgo/capacitor-device-info pour l'aperçu, Prise en main pour l'installation et des exemples API , Utiliser @capgo/capacitor-barometer pour le streaming de pression dédié, et Utiliser @capgo/capacitor-light-sensor pour des relevés de luminosité dédiés.

FAQ

FAQ du plugin Device Info

Comment installer le plugin Device Info dans une application Capacitor ?

Exécutez "bun add @capgo/capacitor-device-info" (ou "npm install @capgo/capacitor-device-info"), puis lancez "bunx cap sync" pour que les projets iOS et Android intègrent le code natif. Importez-le depuis "@capgo/capacitor-device-info" dans votre code.

Est-ce que @capgo/capacitor-device-info fonctionne avec React, Vue et Angular ?

Oui. Device Info est un package Capacitor, il fonctionne donc avec n'importe quel framework web qui s'exécute dans Capacitor, y compris Ionic, React, Vue, Angular, Svelte et JavaScript pur.

Quelle version de Capacitor est supportée par @capgo/capacitor-device-info ?

Les plugins Capgo suivent la version majeure de Capacitor : utilisez la version majeure du plugin qui correspond à la version majeure de votre Capacitor (par exemple le plugin v8 avec Capacitor 8). Le tableau de compatibilité du README de GitHub recense les versions maintenues.

Est-ce que @capgo/capacitor-device-info est gratuit et open source ?

Oui. Le code source est public sur GitHub à l'adresse https://github.com/Cap-go/capacitor-device-info/ et le package est gratuit à installer via npm. Les rapports de bugs et les pull requests sont les bienvenus.

Puis-je mettre à jour code utilisant Device Info sans passer par une revue de l'App Store ?

L'installation ou la mise à jour du plugin modifie le code natif, ce qui impose un nouveau build pour les stores. Ensuite, les changements JavaScript, HTML et CSS qui appellent le plugin peuvent être livrés instantanément via les live updates de Capgo.

Déployez les changements de Device Info sans attendre la validation de l'app

Une fois le plugin intégré à votre build de store, Capgo live updates déploie vos changements JavaScript, HTML et CSS aux utilisateurs en quelques minutes.

Commencez avec Capgo