Grundlagen der WeChat Mini-Programmentwicklung – app.js (3)

Tutorial zur Entwicklung des WeChat Mini-Programms (Grundlagen) 1 – Erste Einführung in WeChat Mini-Programme
Tutorial zur Entwicklung des WeChat Mini-Programms (Grundlagen) 2 – Überblick über die Struktur des WeChat Mini-Programms

Im vorherigen Tutorial geschrieben Ja , generiert das Entwicklungstool ein Standardprogramm-Framework, in dem der Hauptprozesscode des Programms in app.js enthalten ist. In der Standardimplementierung ist dieser Teil der Funktion relativ einfach, aber dennoch wertvoll für das Lernen und Erforschen der Entwicklung kleiner Programme.

Da es nicht viele Codezeilen gibt, werde ich alles auf einmal veröffentlichen und es unten erklären

//app.js
App({
  onLaunch: function () {
    //调用API从本地缓存中获取数据
    var logs = wx.getStorageSync('logs') || []
    logs.unshift(Date.now())
    wx.setStorageSync('logs', logs)
  },
  getUserInfo:function(cb){
    var that = this
    if(this.globalData.userInfo){
      typeof cb == "function" && cb(this.globalData.userInfo)
    }else{
      //调用登录接口
      wx.login({
        success: function () {
          wx.getUserInfo({
            success: function (res) {
              that.globalData.userInfo = res.userInfo
              typeof cb == "function" && cb(that.globalData.userInfo)
            }
          })
        }
      })
    }
  },
  globalData:{
    userInfo:null
  }
})

Der Code definiert ein App-Objekt, das zwei Methoden enthält: onLaunch, getUserInfo- und globalData-Mitglieder
Die onLaunch-Methode wird vom Framework aufgerufen, wenn das Programm startet. Bei dieser Methode ruft das Programm eine Protokollvariable über die von WeChat bereitgestellte lokale Speicherschnittstelle ab. Beim ersten Abrufen wird sie leer zurückgegeben. Zu diesem Zeitpunkt wird die Variable in einem leeren Array initialisiert. Fügen Sie dann am Kopf des Arrays eine formatierte Zeitzeichenfolge hinzu und speichern Sie die Array-Variable dann lokal.

Das WeChat-Applet-Framework bietet eine Reihe von APIs, die uns beim Speichern lokaler Daten helfen. Der obige Code verwendet zwei APIs, wx.getStorageSync und wx.setStorageSync. Weitere verwandte APIs finden Sie hier

Die getUserInfo-Methode ist leicht zu verstehen und übernimmt die Funktion, Benutzerinformationen abzurufen. Diese Methode unterscheidet sich jedoch von onLaunch. Es handelt sich nicht um eine vom Framework voreingestellte Funktion, sodass der Aufruf nicht automatisch ausgelöst wird. Diese Methode wird in der Onload-Methode von index.js aufgerufen (der index.js-Teil wird in nachfolgenden Tutorials erläutert). Bei dieser Methode muss der Aufrufer einen Parameter namens cb übergeben. Zunächst wird ermittelt, ob die Benutzerinformationen abgerufen wurden und cb eine Funktion ist, wird die cb-Funktion aufgerufen und die Mitgliedsvariable globalData übergeben Andernfalls wird die Schnittstelle wx.login aufgerufen, um Benutzerinformationen abzurufen.

Studenten, die mit JS nicht vertraut sind oder wenig Kontakt mit Skriptsprachen haben, sind möglicherweise durch die Syntax des oben genannten Codes verwirrt. Diese Codezeilen beinhalten Konzepte wie Funktionsrückrufe, anonyme Funktionen, Schließungen usw Ich werde mich in Zukunft darauf konzentrieren, für jeden Teil ein eigenes Tutorial zu schreiben.

Der Code definiert schließlich die Mitgliedsvariable globalData, die die Variable userInfo zum Speichern von Benutzerinformationen enthält.

Das obige ist der detaillierte Inhalt vonGrundlagen der WeChat Mini-Programmentwicklung – app.js (3). Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!