javascript - que - ¿Cuál es la mejor manera de almacenar datos privados en react-native?

react y react native

Question

¿Cómo puedo implementar funciones como remember me al autenticar a través de la aplicación react? Creo que AsyncStorage no AsyncStorage no es la mejor manera de hacerlo, porque los datos están abiertos para los usuarios. Intenté usar el realm , pero me encontré con un problema que no se puede resolver en Android usando expo para probar la aplicación. Dice que necesito compilar código nativo para Android y editarlo (Agregar creación de objetos de dominio en MainApplication.js). No quiero compilar mi proyecto mientras aún no se haya lanzado. ¿Cómo instagram y las otras aplicaciones RN almacenan datos de autenticación? ¿Cuál es el mejor enfoque?

Answer 1

¿Cuál es la mejor manera de almacenar datos privados en react-native?

Recomendaría usar una biblioteca como react-native-keychain para almacenar datos privados en react-native

Puedes usarlo así:

// Generic Password, service argument optional
Keychain
  .setGenericPassword(username, password)
  .then(function() {
    console.log(''Credentials saved successfully!'');
  });

// service argument optional
Keychain
  .getGenericPassword()
  .then(function(credentials) {
    console.log(''Credentials successfully loaded for user '' + credentials.username);
  }).catch(function(error) {
    console.log(''Keychain couldn/'t be accessed! Maybe no value set?'', error);
  });

Espero que mi respuesta haya sido útil 😊

Answer 2

Puede usar el almacenamiento simple de react-native para guardar el par clave => valor, la siguiente clase en TypeScript puede ayudarlo:

export class MyStorage {

     handler: Storage;

    constructor(){
        this.handler = require(''react-native-local-storage'');
    }

    public saveData(key: string, value: string){
        this.handler.save(key,value).then(() => {
            this.handler.get(key).then((data) => {console.log("get: ", data)});

          })
    }

    public getData(key: string) : Promise<any> {        
      return this.handler.get(key);
    }

}

• El método saveData almacena un "valor" al que se puede acceder mediante una "clave".
• getData devuelve la Promesa que envuelve el valor guardado con "clave".

Answer 3

Expo.SecureStore proporciona una forma de cifrar y almacenar de forma segura pares clave-valor localmente en el dispositivo.

Utilice SecureStore.setItemAsync(key, value, options) para almacenar y SecureStore.getItemAsync(key, options) para recuperar datos.

Documentación: https://docs.expo.io/versions/latest/sdk/securestore