Aller au contenu principal
@capgo/capacitor-native-biometric Auth & sécurité Open source

Biométrie native Plugin Capacitor

Authentification sécurisée via Face ID, Touch ID et les API biométriques Android

Installer

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

Guide

Comment utiliser Native Biometric dans Capacitor

Tester sur l'appareil

Téléchargez l'application Capgo, puis scannez le QR code.

QR d’aperçu du plugin Native Biometric code

Utiliser @capgo/capacitor-native-biometric

Ce plugin donne accès aux API biométriques natives pour Android et iOS.

Compatibilité

La version majeure du plugin suit Capacitor : utilisez v8 pour Capacitor 8 (activement maintenu) et v7 pour Capacitor 7 (maintenu sur demande). Voir le tableau de compatibilité.

Installer

# Capacitor 8
bun add @capgo/capacitor-native-biometric@8
# Capacitor 7
bun add @capgo/capacitor-native-biometric@7
bunx cap sync

bunx cap sync copie le code natif du plugin dans vos projets natifs. Relancez-l’après chaque mise à jour du plugin.

Importer

import { NativeBiometric } from '@capgo/capacitor-native-biometric';

Aperçu de API

Méthode Description
isAvailable Vérifie si le matériel d'authentification biométrique est disponible.
verifyIdentity Demande à l'utilisateur de s'authentifier par biométrie.
getCredentials Récupère les identifiants stockés pour un serveur donné.
setCredentials Enregistre les identifiants fournis pour un serveur donné.
deleteCredentials Supprime les identifiants stockés pour un serveur donné.
getSecureCredentials Récupère les identifiants stockés pour un serveur donné, avec authentification biométrique requise. Les identifiants doivent avoir été stockés avec accessControl défini sur BIOMETRY_CURRENT_SET ou BIOMETRY_ANY.
isCredentialsSaved Vérifie si des identifiants sont déjà enregistrés pour un serveur donné.
setData Stocke une valeur de chaîne arbitraire sous la clé donnée. Les valeurs sont chiffrées au repos via le backend de stockage sécurisé de la plateforme (Android Keystore + SharedPreferences, iOS Keychain).
getData Récupère une valeur précédemment stockée pour la clé donnée. Ne renvoie que les valeurs stockées sans biométrie accessControl.
getSecureData Récupère une valeur protégée par biométrie pour la clé donnée. La valeur doit avoir été stockée avec accessControl défini sur BIOMETRY_CURRENT_SET ou BIOMETRY_ANY.
deleteData Supprime la valeur stockée pour la clé donnée (protégée ou non).
isDataSaved Vérifie si une valeur est déjà enregistrée pour la clé donnée.

Exemples

isAvailable()

Vérifie si le matériel d'authentification biométrique est disponible.

import { NativeBiometric } from '@capgo/capacitor-native-biometric';

const result = await NativeBiometric.isAvailable();
console.log(result);

verifyIdentity()

Demande à l'utilisateur de s'authentifier par biométrie.

import { NativeBiometric } from '@capgo/capacitor-native-biometric';

await NativeBiometric.verifyIdentity();

getCredentials()

Récupère les identifiants stockés pour un serveur donné.

import { NativeBiometric } from '@capgo/capacitor-native-biometric';

const result = await NativeBiometric.getCredentials({ server: 'example.com' });
// The result holds sensitive values: use it without logging it.

setCredentials()

Enregistre les identifiants fournis pour un serveur donné.

import { NativeBiometric } from '@capgo/capacitor-native-biometric';

await NativeBiometric.setCredentials({
  username: 'username',
  password: 'password',
  server: 'example.com',
});

deleteCredentials()

Supprime les identifiants stockés pour un serveur donné.

import { NativeBiometric } from '@capgo/capacitor-native-biometric';

await NativeBiometric.deleteCredentials({ server: 'example.com' });

getSecureCredentials()

Récupère les identifiants stockés pour un serveur donné, avec authentification biométrique requise. Les identifiants doivent avoir été stockés avec accessControl défini sur BIOMETRY_CURRENT_SET ou BIOMETRY_ANY.

import { NativeBiometric } from '@capgo/capacitor-native-biometric';

const result = await NativeBiometric.getSecureCredentials({ server: 'example.com' });
// The result holds sensitive values: use it without logging it.

Le tableau ci-dessus liste les 12 méthodes principales. Les helpers de listener et de version, ainsi que le contrat complet de chaque méthode, sont documentés dans la dépôt GitHub.

Écouter les événements

addListener renvoie un handle. Appelez handle.remove() lorsque l'écran est démonté.

Référence complète

Continuer à partir de « Utiliser @capgo/capacitor-native-biometric »

Si vous utilisez Utiliser @capgo/capacitor-native-biometric pour planifier les flux d'authentification et de compte, le connecter à @capgo/capacitor-native-biometric pour les détails d'implémentation dans @capgo/capacitor-native-biometric, Prise en main pour les détails d'implémentation dans Getting Started @capgo/capacitor-social-login pour les détails d'implémentation dans @capgo/capacitor-social-login @capgo/capacitor-passkey pour les détails d'implémentation dans @capgo/capacitor-passkey, et Authentification à deux facteurs pour les détails d'implémentation de l'authentification à deux facteurs.

FAQ

FAQ du plugin Native Biometric

Comment installer le plugin Native Biometric dans une application Capacitor ?

Exécutez « bun add @capgo/capacitor-native-biometric » (ou « npm install @capgo/capacitor-native-biometric »), puis « bunx cap sync » pour que les projets iOS et Android récupèrent le code code natif. Importez-le depuis « @capgo/capacitor-native-biometric » dans votre code d’application.

@capgo/capacitor-native-biometric fonctionne-t-il avec React, Vue et Angular ?

Oui. Native Biometric est un package Capacitor, il fonctionne donc avec n’importe quel framework web exécuté dans Capacitor, y compris Ionic, React, Vue, Angular, Svelte et le JavaScript pur.

Quelle version de Capacitor @capgo/capacitor-native-biometric prend-il en charge ?

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.

@capgo/capacitor-native-biometric est-il gratuit et open source ?

Oui. Le code source est public sur GitHub à l’adresse https://github.com/Cap-go/capacitor-native-biometric/ et le package est gratuit à installer depuis npm. Les signalements de bugs et les pull requests sont les bienvenus.

Puis-je mettre à jour code qui utilise Native Biometric 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 des changements Native Biometric 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