ユニアプリのローカルストレージ
uniappをローカルに保存する方法
uniapp は、WeChat ミニ プログラム、H5、Android、iOS、およびその他のプラットフォームに基づくアプリケーションの開発に広く使用されているクロスプラットフォーム開発フレームワークです。アプリケーションがますます複雑になるにつれて、データ ストレージが考慮しなければならない問題になります。ローカル ストレージは、アプリケーションに必要なデータの保存と読み取りを簡単に行うことができる一般的なデータ ストレージ方法です。この記事では、uniapp がローカル ストレージを使用して、開発者がデータをより適切に管理できるようにする方法を紹介します。
1. uniappのローカルストレージ
uniapp は、シンプルで使いやすいローカル ストレージ メソッドを提供し、ブラウザの LocalStorage または WeChat アプレットのローカル キャッシュにデータを保存して、さまざまなプラットフォームのニーズを満たすことができます。LocalStorage はキーと値のペアを格納するため、格納されたデータを文字列形式に変換する必要があり、変換には JSON.stringify() 関数を使用できます。
2. LocalStorageの使用
LocalStorageはHTML5が提供するローカルストレージ方式で、文字列型のデータを保存でき、ブラウザを閉じても失われることなく長期保存が可能です。uniappでのLocalStorageの使い方を紹介します。
データの保存
uni.setStorageSync() メソッドを使用して、LocalStorage にデータを保存できます。このメソッドは 2 つのパラメータを受け取ります。最初のパラメータは保存されたキーの名前で、2 番目のパラメータは保存されたキーの値です。次のように：
uni.setStorageSync('name', 'Zhang San');
uni.setStorageSync('age', 18);
データを読み取るには
、uni.getStorageSync() メソッドを使用して LocalStorage からデータを読み取ることができます。このメソッドは 1 つのパラメータを受け取ります、つまり、読み取られるキー名と、対応するキー値が返されます。次のように：
var name = uni.getStorageSync('name');
var age = uni.getStorageSync('age');
console.log(name, age);
データを削除するには
、uni.removeStorageSync() メソッドを使用してLocalStorage 内のデータ。このメソッドは、削除するキーの名前である 1 つのパラメーターを受け取ります。次のように：
uni.removeStorageSync('name');
データのクリア
uni.clearStorageSync() メソッドを使用して、LocalStorage 内のすべてのデータをクリアできます。このメソッドを呼び出した後、すべてのキーと値のペアが削除されます。次のように：
uni.clearStorageSync();
3. WeChat アプレットのローカル キャッシュ
LocalStorage に加えて、uniapp は WeChat ミニ プログラムのデータ ストレージにローカル キャッシュの使用もサポートしています。ローカル キャッシュは LocalStorage に似ており、キーと値のペアの保存方法でもあります。
データの保存
uni.setStorageSync() メソッドを使用して、データをローカル キャッシュに保存できます。このメソッドは 2 つのパラメータを受け取ります。最初のパラメータは保存されたキー名で、2 番目のパラメータは保存されたキーの値です。次のように：
uni.setStorageSync('name', 'Zhang San');
uni.setStorageSync('age', 18);
データを読み取るには
、 uni.getStorageSync() メソッドを使用してローカル キャッシュからデータを読み取ることができます。 1 つのパラメータ、つまり、読み取られるキー名と対応するキー値が返されます。次のように：
var name = uni.getStorageSync('name');
var age = uni.getStorageSync('age');
console.log(name, age);
データを削除するには
、uni.removeStorageSync() メソッドを使用してローカル キャッシュ内のデータ。このメソッドは、削除するキーの名前を 1 つのパラメータとして受け入れます。次のように：
uni.removeStorageSync('name');
データのクリア
uni.clearStorageSync() メソッドを使用して、ローカル キャッシュ内のすべてのデータをクリアできます。このメソッドを呼び出した後、すべてのキーと値のペアが削除されます。次のように：
uni.clearStorageSync();
4. まとめ
上記では、LocalStorage やローカル キャッシュなどの uniapp のローカル ストレージ方法を紹介しましたが、これらの方法を使用することで、開発者はデータをより適切に管理し、アプリケーションをより安定して効率的にすることができます。LocalStorage とローカル キャッシュの容量には制限があることに注意してください。保存されるデータが多すぎると、アプリケーションの速度低下やクラッシュが発生する可能性があるため、ローカル ストレージを合理的に使用する必要があります。