Meu Primeiro App com React Native - #14 Biometria

Nessa videoaula abordaremos o tema: biometria. Aprenderemos como usar a identificação por digital para executar o login no nosso app.

Usando biometria no login no React Native

Vamos começar instalando o módulo Local Authentication:

expo install expo-local-authentication

views/Login.js

Iremos importar primeiramente o módulo instalado acima:

import * as LocalAuthentication from 'expo-local-authentication';

 useEffect(()=>{
    verifyLogin();
},[]);

useEffect(()=>{
    if(login === true){
        biometric();
    }
},[login]);

//Verifica se o usuário já possui algum login
async function verifyLogin()
{
    let response=await AsyncStorage.getItem('userData');
    let json=await JSON.parse(response);
    if(json !== null){
        setUser(json.name);
        setPassword(json.password);
        setLogin(true);
    }
}

//Biometria
async function biometric()
{
    let compatible= await LocalAuthentication.hasHardwareAsync();
    if(compatible){
        let biometricRecords = await LocalAuthentication.isEnrolledAsync();
        if(!biometricRecords){
            alert('Biometria não cadastrada');
        }else{
            let result=await  LocalAuthentication.authenticateAsync();
            if(result.success){
                sendForm();
            }else{
                setUser(null);
                setPassword(null);
            }
        }
    }
}

Para trabalhar com biometria, conforme código acima, teremos que passar por três etapas:
- Verificar se o celular possui o dispositivo de biometria
- Verificar se o usuário tem alguma biometria cadastrada
- Verificar se a biometria cadastrada é correta

Por hoje é só! Sucesso nos códigos e na vida!

Precisa de aulas particulares? webdesignemfoco@gmail.com