WeChat アプレットのローカル ストレージ (wx.setStorage) および (wx.setStorageSync)

 WeChat アプレットでは、ローカル ストレージを使用して、ユーザーのステータス、名前、性別などの一部のデータを保存できます。

ローカル ストレージには主に、キャッシュとローカル データ ストレージの 2 つの方法があります。

  1. キャッシュ

キャッシュはメモリに高速にアクセスするための一時的なストレージ メカニズムであり、アプリケーションの応答速度を効果的に向上させることができます。WeChat アプレットでは、wx.setStorageメソッドとwx.getStorageメソッドを使用してデータ キャッシュを実装できます。例えば:

  // 设置缓存数据
  wx.setStorage({
    key: 'userInfo',
    data: { name: 'Tom', age: 20 },
    success: function () {
      console.log('设置缓存数据成功');
    }
  });

  // 获取缓存数据
  wx.getStorage({
    key: 'userInfo',
    success: function (res) {
      console.log(res.data);
    }
  });

上記の例では、名前付きキャッシュ データがwx.setStorageメソッド を通じて設定され、コンテンツはオブジェクトですキャッシュされたデータはメソッドを通じて取得され、取得が成功するとキャッシュされたデータがコンソールに出力されます。userInfo{name: 'Tom', age: 20}wx.getStorage

キャッシュ データのサイズは通常、デバイスのメモリによって制限され、一部のローエンド デバイスではキャッシュ データが不安定になり、アプリケーションのクラッシュなどの問題が発生する場合があります。

     2. ローカルデータストレージ

ローカル データ ストレージとは、データの永続性を維持できるデバイスのローカル ファイル システムにデータを保存することを指します。WeChat アプレットでは、wx.setStorageSyncメソッドとメソッドを使用してwx.getStorageSyncデータのローカル ストレージを実現できます。例えば:

  // 设置本地存储数据
  wx.setStorageSync('userInfo', { name: 'Tom', age: 20 });

  // 获取本地存储数据
  var userInfo = wx.getStorageSync('userInfo');
  console.log(userInfo);

上記の例では、wx.setStorageSync名前付きローカル ストレージ データがメソッドを通じて設定されuserInfo、コンテンツはオブジェクトです{name: 'Tom', age: 20}ローカル ストレージ データはメソッドを通じて取得されwx.getStorageSync、取得が成功するとキャッシュされたデータがコンソールに出力されます。

ローカル データ ストレージのサイズは、デバイスのストレージ容量によって制限されることに注意してください。保存されたデータが多すぎると、デバイスのストレージ領域が大量に占有され、デバイスの動作が遅くなったり、クラッシュしたりする可能性があります。

キャッシュとローカルのデータ保存方法は、データのサイズや需要などの要因を考慮して、実際の状況に応じて選択する必要があります。また、不要なキャッシュと保存されたデータを適時にクリーンアップして、デバイスのメモリとストレージ容量を過剰に消費しないようにします。

ローカルストレージをクリアします:

(1)wx.setStorageSync(); //存储值

(2)wx.removeStorageSync(); // 移除指定的值

(3)wx.getStorageSync(); // 获取值

(4)wx.getStorageInfoSync(); // 获取当前 storage 中所有的 key

(5)wx.clearStorageSync(); // 清除所有的key

キャッシュの消去:

(2)wx.removeStorage(); // 移除指定的值

(3)wx.getStorage(); // 获取值

(4)wx.getStorageInfo(); // 获取当前 storage 中所有的 key

(5)wx.clearStorage(); // 清除所有的key

おすすめ

転載: blog.csdn.net/m0_64590669/article/details/130046715