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

Vue implementiert einfache Rechnerfunktion

In diesem Artikelbeispiel wird der spezifische Co...

Detaillierte Erklärung zur Installation von MariaDB 10.2.4 auf CentOS7

CentOS 6 und frühere Versionen stellen MySQL-Serv...

JavaScript zur Implementierung eines einfachen Einkaufsformulars

In diesem Artikel wird der spezifische JavaScript...

10 HTML-Tabellen-bezogene Tags

Tatsächlich werden viele Leute sagen: „Ich habe ge...

Beispielcode einer in Vue3 gekapselten Lupenkomponente

Inhaltsverzeichnis Komponenteninfrastruktur Zweck...

Zusammenfassung der Lösungen für allgemeine Linux-Probleme

1. Centos7 unter VMware verbinden und eine feste ...

So fügen Sie Batchdaten unter Node.js in eine MySQL-Datenbank ein

Im Projekt (nodejs) müssen mehrere Daten gleichze...

Vue Uniapp realisiert den Segmentierungseffekt

In diesem Artikel wird der spezifische Code von V...

XHTML-Tutorial für den Einstieg: Formular-Tags

<br />Formulare sind für Benutzer ein wichti...

mysql erhält statistische Daten innerhalb eines bestimmten Zeitraums

mysql erhält statistische Daten innerhalb eines b...

Installationsprozess von MySQL5.7.22 auf dem Mac

1. Verwenden Sie das Installationspaket, um MySQL...

Implementierung eines Karussells mit nativem JavaScript

In diesem Artikel finden Sie den spezifischen Cod...

Rundungsvorgang des Datums-/Uhrzeitfelds in MySQL

Inhaltsverzeichnis Vorwort 1. Hintergrund 2. Simu...

So legen Sie den Fokus auf HTML-Elemente fest

Code kopieren Der Code lautet wie folgt: <Körp...