uniappをローカルに保存する方法

Uniapp は、WeChat アプレット、H5、Android、iOS、およびその他のプラットフォームに基づくアプリケーションの開発に広く使用されているクロスプラットフォーム開発フレームワークです。アプリケーションがますます複雑になるにつれて、データ ストレージが考慮しなければならない問題になります。ローカル ストレージは、アプリケーションに必要なデータの保存と読み取りを簡単に行うことができる一般的なデータ ストレージ方法です。この記事では、uniapp がローカル ストレージを使用して、開発者がデータをより適切に管理できるようにする方法を紹介します。

1. uniapp のローカル ストレージ

uniapp は、シンプルで使いやすいローカル ストレージ方法を提供し、ブラウザーの LocalStorage または WeChat ミニ アプリにデータを保存できます。さまざまなプラットフォームのニーズを満たすプログラムのローカル キャッシュ。 LocalStorage はキーと値のペアを格納するため、格納されたデータを文字列形式に変換する必要があり、変換には JSON.stringify() 関数を使用できます。

2. LocalStorageの使い方

LocalStorageはHTML5が提供するローカルストレージ方式で、文字列型のデータを保存でき、ブラウザを閉じていても長期保存が可能です。 。 uniappでのLocalStorageの使い方を紹介します。

1. データの保存

uni.setStorageSync() メソッドを使用して、データを LocalStorage に保存できます。このメソッドは 2 つのパラメータを受け取ります。最初のパラメータは保存されたキーです。 name の場合、2 番目のパラメータは保存されたキー値です。以下に示すように:

uni.setStorageSync('name', '张三');
uni.setStorageSync('age', 18);

2. Read data

Uni.getStorageSync() メソッドを使用して LocalStorage からデータを読み取ることができます。このメソッドは 1 つのパラメーターを受け取ります。 read キー名を取得し、対応するキー値を返します。以下に示すように:

var name = uni.getStorageSync('name');
var age = uni.getStorageSync('age');
console.log(name, age);

3. データの削除

Uni.removeStorageSync() メソッドを使用して、LocalStorage 内のデータを削除できます。このメソッドは 1 つのパラメータを受け入れます。削除するキーの名前。以下に示すように:

uni.removeStorageSync('name');

4. データのクリア

uni.clearStorageSync() メソッドを使用して、LocalStorage 内のすべてのデータをクリアできます。このメソッドを呼び出した後、すべてのキーが値のペアは削除されます。以下に示すように:

uni.clearStorageSync();

3. WeChat アプレットのローカル キャッシュ

LocalStorage に加えて、uniapp は WeChat アプレットのデータ ストレージとしてローカル キャッシュの使用もサポートしています。ローカル キャッシュと LocalStorage 同様に、これは、キーと値のペアの保存方法でもあります。

1. データの保存

uni.setStorageSync() メソッドを使用して、データをローカル キャッシュに保存できます。このメソッドは 2 つのパラメーターを受け入れます。最初のパラメーターはキーに保存されますname の場合、2 番目のパラメータは保存されたキー値です。以下に示すように:

uni.setStorageSync('name', '张三');
uni.setStorageSync('age', 18);

2. Read data

ローカル キャッシュからデータを読み取るには uni.getStorageSync() メソッドを使用できます。このメソッドは 1 つのパラメータを受け取ります。キー名を読み取り、対応するキー値を返すことです。以下に示すように:

var name = uni.getStorageSync('name');
var age = uni.getStorageSync('age');
console.log(name, age);

3. データの削除

ローカル キャッシュ内のデータを削除するには、uni.removeStorageSync() メソッドを使用できます。このメソッドは 1 つのパラメータを受け取ります。削除するデータであるキー名。以下に示すように:

uni.removeStorageSync('name');

4. データのクリア

uni.clearStorageSync() メソッドを使用して、ローカル キャッシュ内のすべてのデータをクリアできます。このメソッドを呼び出した後、すべてのデータがクリアされます。キー値 すべてのペアが削除されます。以下に示すように:

uni.clearStorageSync();

4. 概要

上記では、LocalStorage とローカル キャッシュを含む uniapp のローカル ストレージ メソッドを紹介しました。アプリケーションの安定性と効率性が向上します。 LocalStorage とローカル キャッシュの容量には制限があることに注意してください。保存されるデータが多すぎると、アプリケーションの速度低下やクラッシュが発生する可能性があるため、ローカル ストレージを合理的に使用する必要があります。

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