Le stockage de données locales est une exigence fondamentale pour de nombreuses applications mobiles. React Native Expo propose plusieurs méthodes pour gérer efficacement le stockage de données locales. Dans ce blog, nous explorerons trois solutions principales : AsyncStorage, SecureStore et SQLite, en discutant de leurs fonctionnalités, cas d'utilisation et avantages.

Stockage asynchrone

AsyncStorage est un système de stockage clé-valeur asynchrone simple, non chiffré. Il est facile à utiliser et convient au stockage de petites quantités de données qui doivent persister lors du lancement d'applications, telles que les préférences et les paramètres de l'utilisateur.

Caractéristiques:

• Opérations asynchrones
• Stockage persistant
• API simple

Cas d'utilisation :

• Stockage des préférences et des paramètres utilisateur
• Mise en cache de petits éléments de données
• Enregistrement des informations non sensibles

Exemple:

Pour stocker des données à l'aide d'AsyncStorage, vous pouvez utiliser la méthode setItem :

import AsyncStorage from '@react-native-async-storage/async-storage';

const storeData = async (key, value) => {
  try {
    await AsyncStorage.setItem(key, value);
    console.log('Data stored successfully');
  } catch (error) {
    console.error('Error storing data', error);
  }
};

Banque sécurisée

SecureStore fournit un moyen sécurisé de stocker des données sensibles, telles que les jetons d'authentification et les informations d'identification des utilisateurs. Il exploite les mécanismes de stockage sécurisés de l'appareil, tels que le trousseau iOS et le magasin de clés Android, garantissant ainsi une sécurité élevée.

Caractéristiques:

• Haute sécurité avec cryptage
• Stockage sécurisé spécifique à la plateforme
• Opérations asynchrones

Cas d'utilisation :

• Stockage des jetons d'authentification
• Enregistrement des informations d'identification de l'utilisateur
• Conserver les paramètres de configuration sensibles

Exemple:

Pour stocker des données en toute sécurité à l'aide de SecureStore, vous pouvez utiliser la méthode setItemAsync :

import * as SecureStore from 'expo-secure-store';

const storeSecureData = async (key, value) => {
  try {
    await SecureStore.setItemAsync(key, value);
    console.log('Data stored securely');
  } catch (error) {
    console.error('Error storing secure data', error);
  }
};

SQLite

SQLite est un puissant moteur de base de données SQL intégré, adapté à la gestion de grands ensembles de données et de relations de données complexes. Il prend en charge les requêtes SQL et offre de solides capacités de gestion de bases de données.

Caractéristiques:

• Prend en charge les requêtes complexes et les données relationnelles
• Stockage efficace pour les grands ensembles de données
• Persistant et fiable

Cas d'utilisation :

• Gestion de grands ensembles de données
• Applications hors ligne d'abord
• Applications nécessitant des capacités d'interrogation avancées

Exemple:

Pour créer une table et insérer des données à l'aide de SQLite, vous pouvez utiliser la méthode executeSql :

import * as SQLite from 'expo-sqlite';

const db = SQLite.openDatabase('myDatabase.db');

const createTable = () => {
  db.transaction(tx => {
    tx.executeSql(
      'CREATE TABLE IF NOT EXISTS users (id INTEGER PRIMARY KEY NOT NULL, name TEXT, age INTEGER);'
    );
  });
};

const insertData = (name, age) => {
  db.transaction(tx => {
    tx.executeSql(
      'INSERT INTO users (name, age) values (?, ?)',
      [name, age],
      (txObj, resultSet) => console.log('Data inserted', resultSet),
      (txObj, error) => console.error('Error inserting data', error)
    );
  });
};

Le choix de la bonne solution de stockage local dans React Native Expo dépend de vos besoins spécifiques. AsyncStorage est parfait pour un stockage simple de valeurs-clés, SecureStore est idéal pour le stockage sécurisé de données, et SQLite excelle dans la gestion d'ensembles de données complexes et de données relationnelles. Comprendre ces options vous aidera à mettre en œuvre des stratégies efficaces de stockage de données dans vos applications mobiles.