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

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

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

データ キャッシュ: データをキャッシュして、アプレットを終了した後に再度開いたときに、最後に保存されたデータをキャッシュから読み取ることができるようにします。よく使用されるデータ キャッシュ 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 ストアド関数(カスタム関数)の定義と使用方法の詳細な説明

推薦する

CSS3は、Transformを使用して動く2D時計を作成します。

これでtransformコースは終了です。例を見てみましょう。transform transform...

ffmpeg コマンドラインを使用してビデオを変換するためのサンプルコード

この記事の本文を始める前に、まず ffmpeg プログラムをインストールする必要があります (Lin...

http.server に基づく LAN サーバーの構築プロセスの分析

皆さんはこのような状況に遭遇したことがあるでしょうか。プロジェクトや研究開発を行う際に、緊急にファイ...

MySQL複合クエリの詳細な説明

UNIONの使用ほとんどの SQL クエリは、1 つ以上のテーブルからデータを返す単一の SELEC...

Django プロジェクトを作成して MySQL に接続する方法

1: django-admin.py startproject プロジェクト名2: cd プロジェク...

HTML の rel 属性の分析

.y { background: url(//img.jbzj.com/images/o_y.pn...

よく使用される入力テキストボックスの内容は自動的に垂直方向に中央揃えされ、クリックするとデフォルトのプロンプトテキストは空になります。

3つの機能: 1. コンテンツの垂直方向の自動中央揃え2. デフォルトのプロンプトテキストは灰色で表...

MySQLサービスを開くおよび閉じる2つの方法

方法1: cmdコマンドを使用するまず、DOS ウィンドウを開き、スタート、実行、cmd と入力しま...

MySQL 8の新機能ウィンドウ関数の役割

MySQL 8.0 の新機能は次のとおりです。 Unicode 9.0 をすぐに完全にサポートウィン...

HTML ページに画像を挿入し、マップ インデックスを追加する方法の例

1. WEBでサポートされている画像形式: GIF: 256色を保存でき、透明色をサポートし、アニメ...

HTML+CSS をベースにした素敵なフリップログインおよび登録インターフェースを作成します

素敵なフリップログインと登録インターフェースを作成する序文最近、ネットワーク ディスクを構築しようと...

Linux システム修復モード (シングル ユーザー モード)

目次序文1. シングルユーザーモードでの一般的なバグ修正2. シングルユーザーモードでシステムパスワ...

ドキュメントの場所の比較

<br />2 年前に PPK が投稿した素晴らしいブログ記事では、contains()...

Vueはページに透かし効果を追加する機能を実装します

最近、あるプロジェクトに取り組んでいたとき、ページに透かし効果を追加するように依頼されました。さっそ...

Dockerfileを使用してDockerイメージを構築する

目次Dockerfileを使用してDockerイメージを構築する1. Dockerfile とは何で...