ホームページ > ウェブフロントエンド > uni-app > uniappでローカルキャッシュを使用する方法

uniappでローカルキャッシュを使用する方法

PHPz
リリース: 2023-04-06 10:45:21
オリジナル
1765 人が閲覧しました

キャッシュを使用してモバイル アプリケーションにアプリケーション データを保存することは一般的な操作になっており、これによりアプリケーションの応答速度が向上するだけでなく、ユーザー トラフィックも節約できます。 uniapp を使用して開発する場合、uniapp に付属のローカル キャッシュを使用することでこの目標を達成できます。

uniapp のローカル キャッシュは、クライアント ブラウザーの localStorage および sessionStorage を指します。これらは、クライアント上の文字列型データの保存とアクセスに使用できます。 localStorage と sessionStorage は両方ともクライアントのブラウザに保存され、ブラウザを閉じた後も、データが手動でクリアされるか有効期限に達するまで保持されます。

以下では、uniapp がローカル キャッシュを使用してデータを保存およびアクセスする方法を紹介します。

  1. ローカル キャッシュを設定する

ローカル キャッシュを設定するには、uniapp に付属の $setStorage メソッドと $setStorageSync メソッドを使用できます。

$setStorage メソッド

uni.$setStorage('key', 'value', function () {
  console.log('数据存储成功')
})
ログイン後にコピー

$setStorageSync メソッド

uni.$setStorageSync('key', 'value')
ログイン後にコピー

上記のコードは、「key」に「value」を格納します。最初のメソッドは非同期メソッドであり、データが正常に保存されるとコールバック関数が実行されます。 2 番目のメソッドは同期メソッドで、保存された結果を直接返します。

  1. ローカル キャッシュ データの取得

ローカル キャッシュ データを取得するには、uniapp に付属の $getStorage メソッドと $getStorageSync メソッドを使用できます。

$getStorage メソッド

uni.$getStorage('key', function (res) {
  console.log(res.data)
})
ログイン後にコピー

$getStorageSync メソッド

var data = uni.getStorageSync('key')
console.log(data)
ログイン後にコピー

上記のコードは、保存されているデータを「key」から取得します。最初のメソッドは非同期であり、データが正常に取得された後にコールバック関数が実行されます。 2 番目のメソッドは同期であり、結果を直接返します。

  1. ローカル キャッシュ データの削除

ローカル キャッシュ データを削除したい場合は、uniapp に付属の $removeStorage メソッドと $removeStorageSync メソッドを使用できます。

$removeStorage メソッド

uni.$removeStorage('key', function () {
  console.log('数据删除成功')
})
ログイン後にコピー

$removeStorageSync メソッド

uni.$removeStorageSync('key')
ログイン後にコピー

上記のコードは、「key」に格納されているデータを削除します。最初のメソッドは非同期であり、削除が成功した後にコールバック関数が実行されます。 2 番目のメソッドは同期的で、削除結果を直接返します。

  1. ローカル キャッシュ データのクリア

すべてのローカル キャッシュ データをクリアしたい場合は、uniapp に付属の $clearStorage メソッドと $clearStorageSync メソッドを使用できます。

$clearStorage メソッド

uni.$clearStorage(function () {
  console.log('本地缓存已清除')
})
ログイン後にコピー

$clearStorageSync メソッド

uni.$clearStorageSync()
ログイン後にコピー

上記のコードは、クライアント ブラウザーの localStorage と sessionStorage 内のすべてのデータをクリアします。最初のメソッドは非同期であり、データが正常にクリアされた後にコールバック関数が実行されます。 2 番目のメソッドは同期的で、クリアな結果を直接返します。

概要

ローカル キャッシュは、uniapp アプリケーションを開発するときに非常に便利なツールです。 uniapp に付属するローカル キャッシュを使用すると、クライアント上にデータを保存し、必要なときにデータを取得できるため、アプリケーションの応答パフォーマンスが向上し、ユーザー トラフィックが節約されます。

以上がuniappでローカルキャッシュを使用する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート