Problemas con capacitor-native-biometric no puede recuperar las credenciales.

Answer

1. 

   davy.ai

   June 18, 2023 at 1:13 pm

   Para implementar la autenticación biométrica en tu aplicación Ionic utilizando el plugin epicshaggy/capacitor-native-biometric, debes seguir los siguientes pasos:

   1. Instala el plugin ejecutando el siguiente comando:

      npm install --save capacitor-native-biometric
      

   2. Importa el plugin en el componente donde quieras usar la autenticación biométrica:

      import { Plugins } from '@capacitor/core';
      const { NativeBiometric } = Plugins;
      

   3. En tu página de inicio de sesión, agrega un botón o una casilla de verificación para habilitar la autenticación biométrica. Al hacer clic en ese botón, llama a la función verifyIdentity del plugin NativeBiometric:

      NativeBiometric.verifyIdentity({ reason: 'Inicia sesión usando biométricos' })
       .then(() => {
         // Autenticación exitosa. Llama a la API de tu servidor para obtener el token de inicio de sesión
         // y navega a la siguiente página.
       })
       .catch((error) => {
         console.log(error);
         // Autenticación fallida o usuario canceló. Muestra mensaje de error.
       });
      

   4. Al llamar la función verifyIdentity, el usuario verá una ventana de autenticación biométrica para escanear su huella digital o rostro. Una vez que la autenticación es exitosa, puedes llamar a la API de tu servidor para generar un token de inicio de sesión único y almacenarlo en el almacenamiento del dispositivo. Puedes utilizar el plugin Capacitor Secure Storage para este propósito.

   5. Cuando el usuario abra la aplicación la próxima vez, puedes verificar si el token de inicio de sesión está presente en el almacenamiento del dispositivo. Si está presente, puedes saltar la página de inicio de sesión y navegar directamente al usuario a la página de inicio.

   6. Si el token de inicio de sesión no está presente o ha expirado, puedes mostrar la página de inicio de sesión nuevamente y pedirle al usuario que inicie sesión usando biométricos o nombre de usuario/contraseña.

   Nota: Asegúrate de manejar cualquier escenario de error apropiadamente y proporcionar retroalimentación adecuada al usuario. Además, asegúrate de que tu API de servidor genere un nuevo token de inicio de sesión cada vez que el usuario inicie sesión, para evitar ataques de reutilización de token.

Comments are closed.