キャッシュ

npm install aws-amplify

import { Cache } from 'aws-amplify/utils';

Cache.setItem(key, value, [options]);

// 標準ケース
Cache.setItem('key', 'value');

// 優先度付きでアイテムを設定します。優先度は 1 ～ 5 の間である必要があります。
Cache.setItem('key', 'value', { priority: 3 });

// 有効期限付きでアイテムを設定
const expiration = new Date(2018, 1, 1);
Cache.setItem('key', 'value', { expires: expiration.getTime() });

Cache.setItem('mothersBirthday', 'July 18th', { priority: 1 });
Cache.setItem('breakfastFoodOrder', 'Pancakes', { priority: 3 });

Cache.getItem(key[, options]);

// 標準ケース
Cache.getItem('key');

// コールバック関数を使用してアイテムを取得します。
// アイテムがキャッシュにない場合、コールバック関数が呼び出されます。
// コールバック関数が戻ると、値がキャッシュに設定されます。
Cache.getItem('key', { callback: callback });

Cache.removeItem(key);

Cache.clear();

Cache.getAllKeys();

const size = Cache.getCacheCurSize();

const config = {
  itemMaxSize: 3000, // 3000 bytes
  defaultPriority: 4
  // ...
};
const myCacheConfig = Cache.configure(config);

// キャッシュサイズ、アイテムのデフォルト TTL などのパラメータを変更できます。
// ただし、Cache の識別子である keyPrefix を変更しようとしないでください。

const config = {
  itemMaxSize: 3000, // 3000 bytes
  storage: window.sessionStorage // sessionStorage に切り替える
  // ...
};
const newCache = Cache.createInstance(config);
// Cache の識別子である新しい keyPrefix を指定してください。

// デフォルト値を取得します
const defaultConfig = Cache.configure();

// デフォルト設定を渡し、必要なオプションだけをオーバーライドします。例：keyPrefix
const customCache = Cache.createInstance({
    ...defaultConfig,
    keyPrefix: "my-custom-instance-prefix-",
});