キャッシュを使用してモバイル アプリケーションにアプリケーション データを保存することは一般的な操作になっており、これによりアプリケーションの応答速度が向上するだけでなく、ユーザー トラフィックも節約できます。 uniapp を使用して開発する場合、uniapp に付属のローカル キャッシュを使用することでこの目標を達成できます。
uniapp のローカル キャッシュは、クライアント ブラウザーの localStorage および sessionStorage を指します。これらは、クライアント上の文字列型データの保存とアクセスに使用できます。 localStorage と sessionStorage は両方ともクライアントのブラウザに保存され、ブラウザを閉じた後も、データが手動でクリアされるか有効期限に達するまで保持されます。
以下では、uniapp がローカル キャッシュを使用してデータを保存およびアクセスする方法を紹介します。
ローカル キャッシュを設定するには、uniapp に付属の $setStorage メソッドと $setStorageSync メソッドを使用できます。
$setStorage メソッド
uni.$setStorage('key', 'value', function () { console.log('数据存储成功') })
$setStorageSync メソッド
uni.$setStorageSync('key', 'value')
上記のコードは、「key」に「value」を格納します。最初のメソッドは非同期メソッドであり、データが正常に保存されるとコールバック関数が実行されます。 2 番目のメソッドは同期メソッドで、保存された結果を直接返します。
ローカル キャッシュ データを取得するには、uniapp に付属の $getStorage メソッドと $getStorageSync メソッドを使用できます。
$getStorage メソッド
uni.$getStorage('key', function (res) { console.log(res.data) })
$getStorageSync メソッド
var data = uni.getStorageSync('key') console.log(data)
上記のコードは、保存されているデータを「key」から取得します。最初のメソッドは非同期であり、データが正常に取得された後にコールバック関数が実行されます。 2 番目のメソッドは同期であり、結果を直接返します。
ローカル キャッシュ データを削除したい場合は、uniapp に付属の $removeStorage メソッドと $removeStorageSync メソッドを使用できます。
$removeStorage メソッド
uni.$removeStorage('key', function () { console.log('数据删除成功') })
$removeStorageSync メソッド
uni.$removeStorageSync('key')
上記のコードは、「key」に格納されているデータを削除します。最初のメソッドは非同期であり、削除が成功した後にコールバック関数が実行されます。 2 番目のメソッドは同期的で、削除結果を直接返します。
すべてのローカル キャッシュ データをクリアしたい場合は、uniapp に付属の $clearStorage メソッドと $clearStorageSync メソッドを使用できます。
$clearStorage メソッド
uni.$clearStorage(function () { console.log('本地缓存已清除') })
$clearStorageSync メソッド
uni.$clearStorageSync()
上記のコードは、クライアント ブラウザーの localStorage と sessionStorage 内のすべてのデータをクリアします。最初のメソッドは非同期であり、データが正常にクリアされた後にコールバック関数が実行されます。 2 番目のメソッドは同期的で、クリアな結果を直接返します。
概要
ローカル キャッシュは、uniapp アプリケーションを開発するときに非常に便利なツールです。 uniapp に付属するローカル キャッシュを使用すると、クライアント上にデータを保存し、必要なときにデータを取得できるため、アプリケーションの応答パフォーマンスが向上し、ユーザー トラフィックが節約されます。
以上がuniappでローカルキャッシュを使用する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。