Zum Hauptinhalt springen
@capgo/capacitor-native-biometric Auth & Sicherheit Open Source

Native Biometrie Capacitor Plugin

Sichere Authentifizierung mit Face ID, Touch ID und Android Biometric APIs

Installieren

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

Anleitung

Native Biometric in Capacitor nutzen

Auf dem Gerät testen

Lade die Capgo App herunter und scanne den QR code.

QR-Code für Native Biometric Plugin-Vorschau code

Mit @capgo/capacitor-native-biometric

Dieses Plugin bietet Zugriff auf die nativen Biometrie-APIs für Android und iOS.

Installieren

bun add @capgo/capacitor-native-biometric
bunx cap sync

bunx cap sync kopiert das native code des Plugins in deine nativen Projekte. Führe es nach jedem Plugin-Upgrade erneut aus.

Importieren

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

API im Überblick

Methode Beschreibung
isAvailable Prüft, ob Biometrie-Hardware verfügbar ist.
verifyIdentity Fordert den User auf, sich per Biometrie zu authentifizieren.
getCredentials Ruft die gespeicherten Anmeldedaten für einen bestimmten Server ab.
setCredentials Speichert die angegebenen Anmeldedaten für einen bestimmten Server.
deleteCredentials Löscht die gespeicherten Anmeldedaten für einen bestimmten Server.
getSecureCredentials Ruft die gespeicherten Anmeldedaten für einen bestimmten Server mit biometrischer Authentifizierung ab. Die Anmeldedaten müssen mit accessControl auf BIOMETRY_CURRENT_SET oder BIOMETRY_ANY gespeichert worden sein.
isCredentialsSaved Prüft, ob bereits Anmeldedaten für einen bestimmten Server gespeichert sind.
setData Speichert einen beliebigen String unter einem bestimmten Key. Die Werte werden mittels des Secure-Storage-Backends der Plattform verschlüsselt (Android Keystore + SharedPreferences, iOS Keychain).
getData Ruft einen zuvor gespeicherten Wert für den angegebenen Key ab. Gibt nur Werte zurück, die ohne Biometrie gespeichert wurden. accessControl.
getSecureData Ruft einen biometrisch geschützten Wert für den angegebenen Key ab. Der Wert muss zuvor mit accessControl BIOMETRY_CURRENT_SET oder BIOMETRY_ANY gespeichert worden sein.
deleteData Löscht den gespeicherten Wert für den angegebenen Key (geschützt und ungeschützt).
isDataSaved Prüft, ob für den angegebenen Key bereits ein Wert gespeichert ist.

Beispiele

isAvailable()

Prüft, ob Biometrie-Hardware verfügbar ist.

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

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

verifyIdentity()

Fordert den User auf, sich per Biometrie zu authentifizieren.

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

await NativeBiometric.verifyIdentity();

getCredentials()

Ruft die gespeicherten Anmeldedaten für einen bestimmten Server ab.

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

Speichert die angegebenen Anmeldedaten für einen bestimmten Server.

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

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

deleteCredentials()

Löscht die gespeicherten Anmeldedaten für einen bestimmten Server.

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

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

getSecureCredentials()

Ruft die gespeicherten Anmeldedaten für einen bestimmten Server mit biometrischer Authentifizierung ab. Die Anmeldedaten müssen mit accessControl auf BIOMETRY_CURRENT_SET oder BIOMETRY_ANY gespeichert worden sein.

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.

Die obige Tabelle listet die 12 Kernmethoden auf. Listener, Version-Helper und der vollständige Contract jeder Methode sind in der GitHub-Repository.

Auf Events hören

addListener gibt ein Handle zurück. Rufe handle.remove() wenn der Screen unmounted wird.

Vollständige Referenz

Weiterlesen mit der Nutzung von @capgo/capacitor-native-biometric

Wenn Sie ... verwenden Mit @capgo/capacitor-native-biometric um Authentifizierungs- und Account-Flows zu planen, verbinde es mit @capgo/capacitor-native-biometric für die Implementierungsdetails in @capgo/capacitor-native-biometric, Erste Schritte für Details zur Implementierung in „Erste Schritte“, @capgo/capacitor-social-login für das Implementierungsdetail in @capgo/capacitor-social-login, @capgo/capacitor-passkey für die Implementierungsdetails in @capgo/capacitor-passkey, und Zwei-Faktor-Authentifizierung für das Implementierungsdetail in der Zwei-Faktor-Authentifizierung.

FAQ

Native Biometric Plugin FAQ

Wie installiere ich das Native Biometric Plugin in einer Capacitor App?

Führe "bun add @capgo/capacitor-native-biometric" (oder "npm install @capgo/capacitor-native-biometric") aus und danach "bunx cap sync", damit die iOS- und Android-Projekte die nativen code übernehmen. Importiere es in deiner App code aus "@capgo/capacitor-native-biometric".

Funktioniert @capgo/capacitor-native-biometric mit React, Vue und Angular?

Ja. Native Biometric ist ein Capacitor Package und funktioniert daher mit jedem Web-Framework, das in Capacitor läuft, einschließlich Ionic, React, Vue, Angular, Svelte und reinem JavaScript.

Welche Capacitor Version wird von @capgo/capacitor-native-biometric unterstützt?

Capgo Plugins folgen der Major-Version von Capacitor: Nutze die Plugin-Major-Version, die zu deiner Capacitor Major-Version passt (z. B. Plugin v8 mit Capacitor 8). Die Kompatibilitätstabelle im GitHub README listet die gepflegten Versionen auf.

Ist @capgo/capacitor-native-biometric kostenlos und Open Source?

Ja. Der code Quellcode ist öffentlich auf GitHub unter https://github.com/Cap-go/capacitor-native-biometric/ einsehbar und das Paket kann kostenlos via npm installiert werden. Bug-Reports und Pull Requests sind willkommen.

Kann ich code mit Native Biometric aktualisieren, ohne ein App Store Review abzuwarten?

Die Installation oder das Upgrade des Plugins ändert den nativen code, deshalb ist ein neuer Store-Build nötig. Danach lassen sich JavaScript-, HTML- und CSS-Änderungen, die das Plugin aufrufen, sofort mit Capgo Live Updates ausliefern.

Native Biometric Änderungen ohne App-Review ausrollen

Sobald das Plugin in deinem Store-Build ist, pushen Capgo Live Updates deine JavaScript-, HTML- und CSS-Änderungen in Minuten an die Nutzer.

Starte mit Capgo