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

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

データキャッシュ: データをキャッシュして、アプレットを終了した後に再度開いたときに、最後に保存されたデータをキャッシュから読み取ることができるようにします。よく使用されるデータキャッシュ 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 へのご支援を心よりお待ちしております。

以下もご興味があるかもしれません: