Kaedah Menyimpan Data Tempatan dalam React Native Expo

Menyimpan data tempatan adalah keperluan asas untuk banyak aplikasi mudah alih. React Native Expo menyediakan beberapa kaedah untuk mengendalikan storan data tempatan dengan berkesan. Dalam blog ini, kami akan meneroka tiga penyelesaian utama: AsyncStorage, SecureStore dan SQLite, membincangkan ciri, kes penggunaan dan faedahnya.

AsyncStorage

AsyncStorage ialah sistem storan nilai kunci tak segerak yang ringkas, tidak disulitkan. Ia mudah digunakan dan sesuai untuk menyimpan sejumlah kecil data yang perlu berterusan merentas pelancaran apl, seperti pilihan dan tetapan pengguna.

Ciri-ciri:

• Operasi tak segerak
• Penyimpanan berterusan
• IPU Mudah

Kes Penggunaan:

• Menyimpan pilihan dan tetapan pengguna
• Caching cebisan kecil data
• Menyimpan maklumat tidak sensitif

Contoh:

Untuk menyimpan data menggunakan AsyncStorage, anda boleh menggunakan kaedah 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);
  }
};

SecureStore

SecureStore menyediakan cara selamat untuk menyimpan data sensitif, seperti token pengesahan dan bukti kelayakan pengguna. Ia memanfaatkan mekanisme storan selamat peranti seperti Rantai Kunci iOS dan Kedai Kunci Android, memastikan keselamatan yang tinggi.

Ciri-ciri:

• Keselamatan tinggi dengan penyulitan
• Storan selamat khusus platform
• Operasi tak segerak

Kes Penggunaan:

• Menyimpan token pengesahan
• Menyimpan kelayakan pengguna
• Mengekalkan tetapan konfigurasi sensitif

Contoh:

Untuk menyimpan data dengan selamat menggunakan SecureStore, anda boleh menggunakan kaedah 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 ialah enjin pangkalan data SQL terbenam yang berkuasa dan sesuai untuk mengendalikan set data yang besar dan perhubungan data yang kompleks. Ia menyokong pertanyaan SQL dan menyediakan keupayaan pengurusan pangkalan data yang mantap.

Ciri-ciri:

• Menyokong pertanyaan kompleks dan data hubungan
• Storan yang cekap untuk set data yang besar
• Tekal dan boleh dipercayai

Kes Penggunaan:

• Mengurus set data yang besar
• Aplikasi luar talian yang diutamakan
• Apl yang memerlukan keupayaan pertanyaan lanjutan

Contoh:

Untuk membuat jadual dan memasukkan data menggunakan SQLite, anda boleh menggunakan kaedah 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)
    );
  });
};

Memilih penyelesaian storan tempatan yang betul dalam React Native Expo bergantung pada keperluan khusus anda. AsyncStorage sesuai untuk storan nilai kunci yang ringkas, SecureStore sesuai untuk penyimpanan data yang selamat dan SQLite cemerlang dalam mengendalikan set data kompleks dan data perhubungan. Memahami pilihan ini akan membantu anda melaksanakan strategi penyimpanan data yang berkesan dalam aplikasi mudah alih anda.

以上是Kaedah Menyimpan Data Tempatan dalam React Native Expo的详细内容。更多信息请关注PHP中文网其他相关文章！