Die Speicherung lokaler Daten ist eine Grundvoraussetzung für viele mobile Anwendungen. React Native Expo bietet mehrere Methoden, um die lokale Datenspeicherung effektiv zu handhaben. In diesem Blog untersuchen wir drei Hauptlösungen: AsyncStorage, SecureStore und SQLite und diskutieren ihre Funktionen, Anwendungsfälle und Vorteile.

AsyncStorage

AsyncStorage ist ein einfaches, unverschlüsseltes, asynchrones Schlüsselwertspeichersystem. Es ist einfach zu verwenden und eignet sich zum Speichern kleiner Datenmengen, die über App-Starts hinweg bestehen bleiben müssen, wie z. B. Benutzerpräferenzen und -einstellungen.

Merkmale:

• Asynchrone Vorgänge
• Dauerspeicher
• Einfache API

Anwendungsfälle:

• Benutzerpräferenzen und -einstellungen speichern
• Kleine Datenmengen zwischenspeichern
• Speichern nicht vertraulicher Informationen

Beispiel:

Um Daten mit AsyncStorage zu speichern, können Sie die setItem-Methode verwenden:

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);
  }
};

SecureStore

SecureStore bietet eine sichere Möglichkeit, vertrauliche Daten wie Authentifizierungstokens und Benutzeranmeldeinformationen zu speichern. Es nutzt die sicheren Speichermechanismen des Geräts wie den iOS-Schlüsselbund und den Android-Keystore und sorgt so für hohe Sicherheit.

Merkmale:

• Hohe Sicherheit durch Verschlüsselung
• Plattformspezifischer sicherer Speicher
• Asynchrone Vorgänge

Anwendungsfälle:

• Authentifizierungstokens speichern
• Benutzeranmeldeinformationen werden gespeichert
• Sensible Konfigurationseinstellungen beibehalten

Beispiel:

Um Daten mit SecureStore sicher zu speichern, können Sie die setItemAsync-Methode verwenden:

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 ist eine leistungsstarke, eingebettete SQL-Datenbank-Engine, die sich für die Verarbeitung großer Datensätze und komplexer Datenbeziehungen eignet. Es unterstützt SQL-Abfragen und bietet robuste Datenbankverwaltungsfunktionen.

Merkmale:

• Unterstützt komplexe Abfragen und relationale Daten
• Effiziente Speicherung großer Datensätze
• Beständig und zuverlässig

Anwendungsfälle:

• Verwaltung großer Datensätze
• Offline-First-Anwendungen
• Apps, die erweiterte Abfragefunktionen erfordern

Beispiel:

Um eine Tabelle zu erstellen und Daten mit SQLite einzufügen, können Sie die MethodeexecuteSql verwenden:

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)
    );
  });
};

Die Auswahl der richtigen lokalen Speicherlösung in React Native Expo hängt von Ihren spezifischen Anforderungen ab. AsyncStorage eignet sich perfekt für die einfache Schlüsselwertspeicherung, SecureStore eignet sich ideal für die sichere Datenspeicherung und SQLite zeichnet sich durch die Verarbeitung komplexer Datensätze und relationaler Daten aus. Wenn Sie diese Optionen verstehen, können Sie effektive Datenspeicherstrategien in Ihren mobilen Anwendungen implementieren.