小規模プログラムへのデータキャッシュ機構の応用と実装

小規模プログラムへのデータキャッシュ機構の応用と実装

ミニプログラムデータキャッシュ関連知識

データ キャッシュ: データをキャッシュして、アプレットを終了した後に再度開いたときに、最後に保存されたデータをキャッシュから読み取ることができるようにします。よく使用されるデータ キャッシュ API を次の表に示します。

ここに画像の説明を挿入

: 指定されたキーのデータをローカル キャッシュに保存します。キーに対応する元のコンテンツは上書きされます。ユーザーが積極的にデータを削除するか、ストレージ容量の都合によりシステムがデータを消去しない限り、データは常に利用可能です。 1 つのキーに保存されるデータの最大長は 1 MB で、すべてのデータ保存の上限は 10 MB です。

パラメータ

詳細なパラメータについては、
https://developers.weixin.qq.com/miniprogram/dev/api/storage/wx.setStorage.html

データキャッシュを保存する

// データキャッシュを保存する wx.setStorage({
  key: 'key', // ローカルキャッシュで指定されたキー
  data: 'value', // 保存するコンテンツ (オブジェクトまたは文字列をサポート)
  success: res => {}, // インターフェース呼び出しが成功した場合のコールバック関数	
  fail: res => {} // インターフェース呼び出し失敗時のコールバック関数})

データキャッシュを取得

// データキャッシュを取得する wx.getStorage({
  key: 'key', // ローカルキャッシュで指定されたキー
  success: res => { // 成功したインターフェース呼び出しのコールバック関数 console.log(res.data)
  }, 
  fail: res => {} // インターフェース呼び出し失敗時のコールバック関数})

例: onLoad での保存と取得

// ページ/テスト/test.js
ページ({
  onLoad: 関数(オプション) {
    // データキャッシュを保存する wx.setStorage({
      key: 'key', // ローカルキャッシュで指定されたキー
      data: 'value', // 保存するコンテンツ (オブジェクトまたは文字列をサポート)
      成功: res => {
        // データキャッシュを取得する wx.getStorage({
          key: 'key', // ローカルキャッシュで指定されたキー
          success: res => { // 成功したインターフェース呼び出しのコールバック関数 console.log(res.data)
          },
          fail: res => { } // インターフェース呼び出し失敗時のコールバック関数})
      }, // 成功したインターフェース呼び出しのコールバック関数 fail: res => {} // 失敗したインターフェース呼び出しのコールバック関数 })
  }
})

ミニプログラムデータキャッシュメカニズムの応用と実装に関するこの記事はこれで終わりです。ミニプログラムデータキャッシュに関するより関連性の高いコンテンツについては、123WORDPRESS.COM の過去の記事を検索するか、以下の関連記事を引き続き参照してください。皆様の今後の 123WORDPRESS.COM へのご支援を心よりお待ちしております。

以下もご興味があるかもしれません:
  • WeChat ミニプログラム - データ キャッシュの詳細な説明
  • WeChatアプレットキャッシュ(ローカルキャッシュ、非同期キャッシュ、同期キャッシュ)の詳細な説明
  • アプレットのローカルキャッシュをクリーンアップする方法
  • WeChatアプレットデータキャッシュの例の詳細な説明
  • WeChat アプレットのローカル キャッシュ データの追加、削除、変更、およびクエリの例
  • WeChatアプレットのキャッシュの書き込みと読み取りの詳細な説明
  • IOSのWeChatアプレットでキャッシュされたオーディオファイルを再生する方法
  • WeChatアプレット開発データ保存パラメータ転送データキャッシュ
  • WeChatアプレットのローカルキャッシュキー内の単一データを変更する方法

<<:  Windows 2019 アクティベーション チュートリアル (Office2019)

>>:  MySQL ストアド関数(カスタム関数)の定義と使用方法の詳細な説明

推薦する

Docker が elasticsearch を起動するときのメモリ不足の問題と解決策

質問Docker が elasticsearch をインストールして起動するときにメモリが不足するシ...

Dockerでmysqlのルートパスワードを変更する方法

最初のステップはmysqlコンテナを作成することです docker exec -it コンテナID ...

MySQL 半同期レプリケーションの原理構成と導入の詳細な説明

環境の紹介: Ubuntu Server 16.04.2+MySQL 5.7.17 コミュニティ サ...

MySQL はデータベースを動的に更新します スクリプト例の説明

具体的なupgradeスクリプトは次のとおりです。インデックスを動的に削除する アップグレードが存在...

win10 mysql 5.6.35 winx64 無料インストールバージョン設定チュートリアル

mysql 5.6.35 winx64無料インストールバージョン構成チュートリアルwin10、具体的...

Mysql の主キーと一意キーの違いのまとめ

主キーとは何ですか?主キーは、テーブル内の各タプル (行) を一意に識別するテーブル内の列です。主キ...

MySQL シリーズ 14 MySQL 高可用性実装

1. 内閣府マスターノードを監視することで、他のスレーブノードへの自動フェイルオーバーを実現できます...

mysqlサーバーは--skip-grant-tablesオプションで実行されています

MySQLサーバーは--skip-grant-tablesオプションで実行されているため、このステー...

MySQL でパーセンテージと最初の数パーセントを表示する方法

目次必要とする実装コードデータベース数日前、友人からこれを書くのを手伝ってほしいと頼まれました。ただ...

MySQLはインデックスプッシュダウンを数秒で理解するのに役立ちます

目次1. インデックスプッシュダウン最適化の原理2. インデックスプッシュダウンの具体的な実践1. ...

MySQL学習データベース検索文DQL小百章

目次1. データの簡単な取得2. データの並べ替えと取得2.1. 基本構文2.2. ソート方向を指定...

ログインボックスのメールプロンプトを実装するネイティブJS

この記事では、登録またはログイン時に電子メール アドレスを入力する際のドロップダウン プロンプトのネ...

jQueryはシンプルなポップアップウィンドウ効果を実装します

この記事では、簡単なポップアップウィンドウ効果を実現するためのjQueryの具体的なコードを参考まで...

Python3.6-MySql 挿入ファイルパス、バックスラッシュをなくす解決策

以下のように表示されます。上記のように、置き換えるだけです。 Python3.6-MySql でファ...

WeChatアプレット認証ログインを処理するエレガントな方法

序文WeChat ミニプログラム プロジェクトでユーザー情報を取得し、ユーザー ログインを実装する場...