AsyncStorage في ReactNative

من موسوعة حسوب

مهمل، يمكنك استخدام async-storage بدلًا عنه.

AsyncStorage هو نظام تخزين مستمر غير مشفّر وغير متزامن، يُخزن البيانات في صورة أزواج (key: value)، وهو نظام موحّد لكلّ أجزاء التطبيق، ويجب استعماله بدلًا عن LocalStorage.

يُفضّل استخدام التجريد (abstraction) على مستوى أعلى من AsyncStorage بدلًا من استخدامه على AsyncStorage مباشرةً في حالة التخزين الثقيل للبيانات.

يدعم نظام iOS نظام التخزين AsyncStorage بواسطة شيفرة أصلية تُخزِّن القيم الصغيرة في قاموس متسلسل، والقيم الكبيرة في ملفّات منفصلة؛ أمّا نظام أندويد فسيتخدم إمّا RocksDB أو SQLite بناءً على ما هو متاح.

شيفرة جافاسكريبت الخاصة بنظام التخزين AsyncStorage توفِّر واجهة برمجة تطبيقات (API) واضحة، وكائنات خطأ (Error Objects)، ودوال غير متعددة. كلّ دالة في واجهة برمجة التطبيقات (API) تُرجع وعدًا (Promise).

استيراد مكتبة AsyncStorage 

import { AsyncStorage} from 'react-native';

حفظ البيانات 

_storeData = async () => {
  try {
    await AsyncStorage.setItem(
      '@MySuperStore:key',
      'I like to save it.'
    );
  } catch (error) {
    // Error saving data
  }
};

قراءة البيانات 

_retrieveData = async () => {
  try {
    const value = await AsyncStorage.getItem('TASKS');
    if (value !== null) {
      // We have data!!
      console.log(value);
    }
  } catch (error) {
    // Error retrieving data
  }
};

مرجع الدوال

‎getItem()‎

static getItem(key: string, [callback]: ?(error: ?Error, result: ?string) => void)

تجلب البيانات الخاصة بمفتاح (key) معيّن وتستدعي ردّ نداء (callback). بعد إكتمال العملية أو حدوث خطأ أثناء التنفيذ تُرجع كائن من النوع promise.

المعاملات

الاسم النوع مطلوب الوصف
key سلسلة نصية (string) نعم المفتاح الخاص بالبيانات المُراد جلبها.
callback ‪?(error: ?Error, result: ?string) => void لا دالة تُستدعى عند إكتمال عملية جلب البيانات أو حدوث خطأ أثناء العملية.

‎setItem()‎

static setItem(key: string, value: string, [callback]: ?(error: ?Error) => void)

تُخزِّن البيانات في صورة زوج (key: value)، وتستدعي دالة بعد إكتمال العملية أو حدوث خطأ أثناء التنفيذ. تُرجع كائن من النوع promise.

المعاملات

الاسم النوع مطلوب الوصف
key سلسلة نصية (string) نعم المفتاح الخاص بالعنصر المُراد تخزينه.
value سلسلة نصية (string) نعم العنصر المراد تخزينه.
callback ?(error: ?Error) => void لا دالة تُستدعى عند حدوث خطأ اثناء العملية.

‎removeItem()‎

static removeItem(key: string, [callback]: ?(error: ?Error) => void)

تحذف العنصر المرتبط بالمفتاح المعين، وتستدعي دالة بعد إكتمال العملية أو حدوث خطأ أثناء التنفيذ. تُرجع كائن من النوع promise.

الاسم النوع مطلوب الوصف
key سلسلة نصية (string) نعم المفتاح الخاص بالعنصر المُراد حذفه.
callback ‪?(error: ?Error) => void لا دالة تُستدعى عند حدوث خطأ اثناء العملية.

mergeItem

static mergeItem(key: string, value: string, [callback]: ?(error: ?Error) => void)

تُحدِّث القيمة المرتبطة معيّن. ويجب أن يكون المفتاح والقيمة الجديدة في شكل سلسلة JSON. تُرجع كائن من النوع promise.

المعاملات

الاسم النوع مطلوب الوصف
key سلسلة نصية (string) نعم المفتاح المُراد تحديث قيمته.
value سلسلة نصية (string) نعم القيمة الجديدة للمفتاح.
callback ‪?(error: ?Error) => void لا دالة تُستدعى عند حدوث خطأ اثناء العملية.

مثال 

let UID123_object = {
  name: 'Chris',
  age: 30,
  traits: { hair: 'brown', eyes: 'brown' }
};
// You only need to define what will be added or updated
let UID123_delta = {
  age: 31,
  traits: { eyes: 'blue', shoe_size: 10 }
};

AsyncStorage.setItem(
  'UID123',
  JSON.stringify(UID123_object),
  () => {
    AsyncStorage.mergeItem(
      'UID123',
      JSON.stringify(UID123_delta),
      () => {
        AsyncStorage.getItem('UID123', (err, result) => {
          console.log(result);
        });
      }
    );
  }
);

// Console log result:
// => {'name':'Chris','age':31,'traits':
//    {'shoe_size':10,'hair':'brown','eyes':'blue'}}

‎clear()‎

static clear([callback]: ?(error: ?Error) => void)

تحذف جميع البيانات المُخزنة في AsyncStorage، حتى تلك المرتبطة بتطبيقات أخرى. لذلك لا يُنصح باستخدامها ويجب استخدام removeItem أو multiRemove لمسح المفاتيح المرتبطة بتطبيقك فقط. تُرجع كائن من النوع promise.

المعاملات

الاسم النوع مطلوب الوصف
callback ‪?(error: ?Error) => void لا دالة تُستدعى عند حدوث خطأ اثناء العملية.

‎getAllKeys()‎

static getAllKeys([callback]: ?(error: ?Error, keys: ?Array<string>) => void)

تتحصل على جميع المفاتيح المرتبطة بالتطبيق. تُرجع كائن من النوع promise.

المعاملات

الاسم النوع مطلوب الوصف
callback ‪?(error: ?Error) => void لا دالة تُستدعى عند إكتمال العملية والحصول على المفاتيح أو عند حدوث خطأ.

‎flushGetRequests()‎

static flushGetRequests(): [object Object]

تحذف جميع الطلبات المُعلّقة عن طريق الحصول على البيانات كدفعة واحدة.

‎multiGet()‎

static multiGet(keys: Array<string>, [callback]: ?(errors: ?Array<Error>, result: ?Array<Array <string>>) => void)

تسمح بالحصول على العناصر دفعة واحدة عن طريق إرسال مجموعة من المفاتيح للدالة والحصول على البيانات المرتبطة بهذه المفاتيح في شكل أزواج (key: value). تُرجع كائن من النوع promise. 

multiGet(['k1', 'k2'], cb) -> cb([['k1', 'val1'], ['k2', 'val2']])

المعاملات

الاسم النوع مطلوب الوصف
keys ‪Array<string> نعم مصفوفة من المفاتيح المراد جلب العناصر المرتبطة بها.
callback ‪?(errors: ?Array<Error>, result: ?Array<Array <string>>) => void لا دالة تُستدعى عند إكتمال العملية والحصول على البيانات أو عند حدوث خطأ.

مثال 

AsyncStorage.getAllKeys((err, keys) => {
  AsyncStorage.multiGet(keys, (err, stores) => {
    stores.map((result, i, store) => {
      // get at each store's key/value so you can work with it
      let key = store[i][0];
      let value = store[i][1];
    });
  });
});

‎multiSet()‎

static multiSet(keyValuePairs: Array<Array <string>>, [callback]: ?(errors: ?Array<Error>) => void)

تُحزِّن عددًا من الازواج (key: value) دفعةً واحدة. عند اكتمال العملية تحصل على ردّ نداء واحد يحتوي على جميع الأخطاء في حال حدوثها. تُرجع كائن من النوع promise. 

multiSet([['k1', 'val1'], ['k2', 'val2']], cb);
الاسم النوع مطلوب الوصف
keyValuePairs ‪Array<Array <string>> نعم مصفومة من الازواج (key: value).
callback ‪?(errors: ?Array<Error>, result: ?Array<Array <string>>) => void لا دالة تُستدعى عند إكتمال العملة أو عند حدوث خطأ.

‎multiRemove()‎

static multiRemove(keys: Array<string>, [callback]: ?(errors: ?Array<Error>) => void)

تحذف جميع البيانات المرتبطة بالمفاتيح المُعطاة للدالة. تُرجع كائن من النوع promise.

المعاملات

الاسم النوع مطلوب الوصف
keys ‪Array<string> نعم مصفوفة من المفاتيح المراد حذفها.
callback ‪?(errors: ?Array<Error>) => void لا دالة تُستدعى عند إكتمال العملية أو عند حدوث خطأ.

مثال 

let keys = ['k1', 'k2'];
AsyncStorage.multiRemove(keys, (err) => {
  // keys k1 &amp; k2 removed, if they existed
  // do most stuff after removal (if you want)
});

multiMerge

static multiMerge(keyValuePairs: Array<Array <string>>, [callback]: ?(errors: ?Array<Error>) => void)

تُحدِّث قيم أكثر من مفتاح واحد دفعة واحدة. ويجب أن تكون جميع القيم والمفاتيح في شكل سلسلة JSON. تُرجع كائن من النوع promise.

ملاحظة: بعض عمليات التنفيذ الأصلية (Native implementations) لا تدعم هذه الدالة.

المعاملات

الاسم النوع مطلوب الوصف
keyValuePairs ‪Array<Array <string>> نعم مصفومة من الأزواج (key: value).
callback ‪?(errors: ?Array<Error>, result: ?Array<Array <string>>) => void لا دالة تُستدعى عند إكتمال العملة أو عند حدوث خطأ.

مثال 

// first user, initial values
let UID234_object = {
  name: 'Chris',
  age: 30,
  traits: { hair: 'brown', eyes: 'brown' }
};

// first user, delta values
let UID234_delta = {
  age: 31,
  traits: { eyes: 'blue', shoe_size: 10 }
};

// second user, initial values
let UID345_object = {
  name: 'Marge',
  age: 25,
  traits: { hair: 'blonde', eyes: 'blue' }
};

// second user, delta values
let UID345_delta = {
  age: 26,
  traits: { eyes: 'green', shoe_size: 6 }
};

let multi_set_pairs = [
  ['UID234', JSON.stringify(UID234_object)],
  ['UID345', JSON.stringify(UID345_object)]
];
let multi_merge_pairs = [
  ['UID234', JSON.stringify(UID234_delta)],
  ['UID345', JSON.stringify(UID345_delta)]
];

AsyncStorage.multiSet(multi_set_pairs, (err) => {
  AsyncStorage.multiMerge(multi_merge_pairs, (err) => {
    AsyncStorage.multiGet(['UID234', 'UID345'], (err, stores) => {
      stores.map((result, i, store) => {
        let key = store[i][0];
        let val = store[i][1];
        console.log(key, val);
      });
    });
  });
});

// Console log results:
// => UID234 {"name":"Chris","age":31,"traits":{"shoe_size":10,"hair":"brown","eyes":"blue"}}
// => UID345 {"name":"Marge","age":26,"traits":{"shoe_size":6,"hair":"blonde","eyes":"green"}}

المصادر

صفحة AsyncStorage في توثيق React Native الرسمي.

مجلوبة من «https://wiki.hsoub.com/index.php?title=ReactNative/asyncstorage&oldid=30400»