Saltar al contenido principal
@capgo/capacitor-native-biometric Auth y seguridad Código abierto

Biometría Nativa plugin Capacitor

Autenticación segura con Face ID, Touch ID y las APIs biométricas de Android

Instalar

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

Guía

Cómo usar Native Biometric en Capacitor

Probar en dispositivo

Descarga la app Capgo y escanea el QR code.

Vista previa QR del plugin Native Biometric code

Usando @capgo/capacitor-native-biometric

Este plugin da acceso a las APIs biométricas nativas de Android e iOS.

Instalar

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

bunx cap sync copia el code nativo del plugin en tus proyectos nativos. Ejecútalo de nuevo tras cada actualización del plugin.

Importar

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

API de un vistazo

Método Descripción
isAvailable Comprueba si el hardware de autenticación biométrica está disponible.
verifyIdentity Solicita al usuario que se autentique mediante biometría.
getCredentials Obtiene las credenciales almacenadas para un servidor específico.
setCredentials Almacena las credenciales proporcionadas para un servidor específico.
deleteCredentials Elimina las credenciales almacenadas de un servidor específico.
getSecureCredentials Obtiene las credenciales de un servidor mediante autenticación biométrica. Deben haberse guardado con accessControl en BIOMETRY_CURRENT_SET o BIOMETRY_ANY.
isCredentialsSaved Comprueba si ya existen credenciales guardadas para un servidor.
setData Guarda un valor de texto bajo una clave específica. Los valores se cifran en reposo usando el almacenamiento seguro de la plataforma (Android Keystore + SharedPreferences, iOS Keychain).
getData Obtiene un valor guardado previamente para una clave. Solo devuelve valores sin protección biométrica. accessControl.
getSecureData Obtiene un valor protegido por biometría para una clave. El valor debe haberse guardado con accessControl el ajuste BIOMETRY_CURRENT_SET o BIOMETRY_ANY.
deleteData Elimina el valor almacenado para la clave indicada (protegida o no).
isDataSaved Comprueba si ya existe un valor guardado para la clave indicada.

Ejemplos

isAvailable()

Comprueba si el hardware de autenticación biométrica está disponible.

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

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

verifyIdentity()

Solicita al usuario que se autentique mediante biometría.

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

await NativeBiometric.verifyIdentity();

getCredentials()

Obtiene las credenciales almacenadas para un servidor específico.

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

Almacena las credenciales proporcionadas para un servidor específico.

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

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

deleteCredentials()

Elimina las credenciales almacenadas para un servidor específico.

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

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

getSecureCredentials()

Obtiene las credenciales de un servidor mediante autenticación biométrica. Deben haberse guardado con accessControl en BIOMETRY_CURRENT_SET o 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.

La tabla anterior detalla los 12 métodos principales. Los helpers de Listener, versión y el contrato completo de cada método están en la repositorio de GitHub.

Escuchar eventos

addListener devuelve un handle. Llama a handle.remove() cuando la pantalla se desmonta.

Referencia completa

Continúa desde Usando @capgo/capacitor-native-biometric

Si estás usando Usando @capgo/capacitor-native-biometric para planificar flujos de autenticación y cuentas, conéctalo con @capgo/capacitor-native-biometric para los detalles de implementación en @capgo/capacitor-native-biometric, Primeros pasos para los detalles de implementación en Primeros pasos, @capgo/capacitor-social-login para el detalle de implementación en @capgo/capacitor-social-login, @capgo/capacitor-passkey para los detalles de implementación en @capgo/capacitor-passkey, y Autenticación de dos factores para los detalles de implementación en la autenticación de dos factores.

FAQ

FAQ del plugin Native Biometric

¿Cómo instalo el plugin Native Biometric en una app Capacitor?

Ejecuta "bun add @capgo/capacitor-native-biometric" (o "npm install @capgo/capacitor-native-biometric"), luego ejecuta "bunx cap sync" para que los proyectos de iOS y Android reconozcan el code nativo. Impórtalo desde "@capgo/capacitor-native-biometric" en el code de tu app.

¿Es compatible @capgo/capacitor-native-biometric con React, Vue y Angular?

Sí. Native Biometric es un paquete Capacitor, por lo que funciona con cualquier framework web que se ejecute dentro de Capacitor, incluyendo Ionic, React, Vue, Angular, Svelte y JavaScript puro.

¿Qué versión de Capacitor soporta @capgo/capacitor-native-biometric?

Los plugins de Capgo siguen la versión mayor de Capacitor: usa la versión mayor del plugin que coincida con la versión mayor de tu Capacitor (por ejemplo, el plugin v8 con Capacitor 8). La tabla de compatibilidad del README de GitHub lista las versiones mantenidas.

¿Es @capgo/capacitor-native-biometric gratuito y de código abierto?

Sí. El código fuente de code es público en GitHub en https://github.com/Cap-go/capacitor-native-biometric/ y el paquete se puede instalar gratis desde npm. Los reportes de bugs y pull requests son bienvenidos.

¿Puedo actualizar code que usa Native Biometric sin pasar por la revisión de la App Store?

Instalar o actualizar el plugin cambia el code nativo, así que requiere un nuevo build para la tienda. Después, los cambios en JavaScript, HTML y CSS que llamen al plugin pueden publicarse al instante con las live updates de Capgo.

Lanza cambios de Native Biometric sin esperar la revisión de la app

Una vez que el plugin esté en tu build de la tienda, Capgo live updates envía tus cambios de JavaScript, HTML y CSS a los usuarios en minutos.

Empieza con Capgo