Anwendung und Implementierung des Datencache-Mechanismus für kleine Programme

Anwendung und Implementierung des Datencache-Mechanismus für kleine Programme

Informationen zum Miniprogramm-Datencache

Datencache: speichert Daten zwischen, sodass beim erneuten Öffnen des Applets nach dem Beenden die zuletzt gespeicherten Daten aus dem Cache gelesen werden können. Die häufig verwendeten Datencache-APIs sind in der folgenden Tabelle aufgeführt:

Bildbeschreibung hier einfügen

Hinweis : Speichert die Daten unter dem angegebenen Schlüssel im lokalen Cache. Der ursprüngliche Inhalt entsprechend dem Schlüssel wird überschrieben. Die Daten bleiben grundsätzlich erhalten, sofern sie nicht vom Nutzer aktiv gelöscht werden oder das System sie aus Speicherplatzgründen löscht. Die maximale Länge der in einem einzelnen Schlüssel gespeicherten Daten beträgt 1 MB und die Obergrenze für die gesamte Datenspeicherung beträgt 10 MB.

Parameter

Detaillierte Parameter finden Sie unter
https://developers.weixin.qq.com/miniprogram/dev/api/storage/wx.setStorage.html

Datencache speichern

// Datencache speichern wx.setStorage({
  key: 'key', // Der im lokalen Cache angegebene Schlüssel
  Daten: „Wert“, // zu speichernder Inhalt (unterstützt Objekt oder Zeichenfolge)
  success: res => {}, // Callback-Funktion für erfolgreichen Schnittstellenaufruf	
  fail: res => {} // Rückruffunktion für fehlgeschlagenen Schnittstellenaufruf})

Datencache abrufen

// Datencache abrufen wx.getStorage({
  key: 'key', // Der im lokalen Cache angegebene Schlüssel
  success: res => { // Callback-Funktion für erfolgreichen Schnittstellenaufruf console.log(res.data)
  }, 
  fail: res => {} // Rückruffunktion für fehlgeschlagenen Schnittstellenaufruf})

Beispiel: Speichern und Abrufen in onLoad

// Seiten/Test/test.js
Seite({
  beim Laden: Funktion (Optionen) {
    // Datencache speichern wx.setStorage({
      key: 'key', // Der im lokalen Cache angegebene Schlüssel
      Daten: „Wert“, // zu speichernder Inhalt (unterstützt Objekt oder Zeichenfolge)
      Erfolg: res => {
        // Datencache abrufen wx.getStorage({
          key: 'key', // Der im lokalen Cache angegebene Schlüssel
          success: res => { // Callback-Funktion für erfolgreichen Schnittstellenaufruf console.log(res.data)
          },
          fail: res => { } // Rückruffunktion für fehlgeschlagenen Schnittstellenaufruf})
      }, // Rückruffunktion für erfolgreichen Schnittstellenaufruf fail: res => {} // Rückruffunktion für fehlgeschlagenen Schnittstellenaufruf })
  }
})

Dies ist das Ende dieses Artikels über die Anwendung und Implementierung des Miniprogramm-Datencaching-Mechanismus. Weitere relevante Inhalte zum Miniprogramm-Datencaching finden Sie in früheren Artikeln auf 123WORDPRESS.COM oder in den verwandten Artikeln weiter unten. Ich hoffe, dass jeder 123WORDPRESS.COM in Zukunft unterstützen wird!

Das könnte Sie auch interessieren:
  • WeChat Mini-Programm - Detaillierte Erklärung zum Daten-Caching
  • WeChat-Applet-Cache (lokaler Cache, asynchroner Cache, synchroner Cache) detaillierte Erklärung
  • So bereinigen Sie den lokalen Cache des Applets
  • Detaillierte Erläuterung des Beispiels für den Datencache des WeChat-Applets
  • Beispiel für das Hinzufügen, Löschen, Ändern und Abfragen von Daten im lokalen Cache des WeChat-Applets
  • Detaillierte Erklärung zum Schreiben und Lesen des Cache im WeChat-Applet
  • So spielen Sie zwischengespeicherte Audiodateien im WeChat-Applet in iOS ab
  • WeChat-Applet-Entwicklung, Datenspeicherung, Parameterübertragung, Datencache
  • So ändern Sie einzelne Daten im lokalen Cache-Schlüssel im WeChat-Applet

<<:  Windows 2019 Aktivierungs-Tutorial (Office2019)

>>:  Detaillierte Erläuterung der Definition und Verwendung von in MySQL gespeicherten Funktionen (benutzerdefinierten Funktionen)

Artikel empfehlen

Beispielcode zum Mischen von Float und Margin in CSS

Bei meinen letzten Studien habe ich einige Layout...

Docker Swarm von der Bereitstellung bis zum grundlegenden Betrieb

Über Docker Swarm Docker Swarm besteht aus zwei T...

Rendern im Vue-Scaffolding verstehen

Im Vue-Gerüst können wir sehen, dass im neuen Vue...

Zusammenfassung der Probleme mit der Mysql-connector-java-Treiberversion

Problem mit der Mysql-Connector-Java-Treiberversi...

IE6 implementiert min-width

Zunächst einmal wissen wir, dass dieser Effekt ei...

MySQL-Primärschlüssel-Benennungsstrategie im Zusammenhang

Als ich kürzlich die Details der Datenlebenszyklu...

Welche Regeln gelten für den Kontext in JavaScript-Funktionen?

Inhaltsverzeichnis 1. Regel 1: Objekt.Methode() 1...

Verwenden Sie CSS, um zwischen dem Dunkelmodus und dem Hellmodus zu wechseln

In der fünften Ausgabe von Web Skills wird ausdrü...

MySQL-Lernaufzeichnung: Blutiger Vorfall durch KEY-Partition verursacht

Nachfragehintergrund Ein Teil der Daten in der Ge...

9 praktische Tipps zum Erstellen von Webinhaltsseiten

Inhalt 1. Geben Sie den Lesern einen Grund zu blei...

So installieren Sie den Chrome-Browser auf CentOS 7

Dieser Artikel beschreibt, wie Sie den Chrome-Bro...