Bases du développement de programmes WeChat Mini - app.js (3)

Tutoriel de développement de programme WeChat Mini (bases) 1-Première introduction aux programmes WeChat Mini
Tutoriel de développement de programme WeChat Mini (bases) 2-Aperçu de la structure du programme WeChat Mini

Écrit dans le tutoriel précédent Oui , l'outil de développement générera un cadre de programme par défaut, dans lequel le code de processus principal du programme est inclus dans app.js. Dans l'implémentation par défaut, cette partie de la fonction est relativement simple, mais elle reste utile pour l'apprentissage et la recherche sur le développement de petits programmes.

Comme il n'y a pas beaucoup de lignes de code, je vais tout publier en même temps et l'expliquer ci-dessous

//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
  }
})

Le code définit un objet App, qui contient deux méthodes : onLaunch, Membres getUserInfo et globalData
La méthode onLaunch sera appelée par le framework au démarrage du programme. Dans cette méthode, le programme obtient une variable de journal via l'interface de stockage locale fournie par WeChat. La première fois qu'elle est obtenue, elle retournera vide. À ce moment, la variable est initialisée dans un tableau vide. Ajoutez ensuite une chaîne d'heure formatée en tête du tableau, puis stockez la variable du tableau localement.

Le framework d'applet WeChat fournit une série d'API pour nous aider à stocker des données locales. Le code ci-dessus utilise deux API, wx.getStorageSync et wx.setStorageSync. Pour plus d'API associées, veuillez vous référer ici

La méthode getUserInfo est facile à comprendre et remplira la fonction d'obtenir des informations sur l'utilisateur. Cependant, cette méthode est différente de onLaunch. Ce n'est pas une fonction prédéfinie par le framework, elle ne déclenchera donc pas automatiquement l'appel. Cette méthode est appelée dans la méthode onload de index.js (la partie index.js sera expliquée dans les tutoriels suivants). Cette méthode nécessite que l'appelant transmette un paramètre nommé cb. Tout d'abord, elle détermine si les informations utilisateur ont été obtenues et si cb est une fonction, la fonction cb sera appelée et la variable membre globalData sera transmise. . Sinon, l'interface wx.login sera appelée pour obtenir les informations utilisateur.

Les étudiants qui ne sont pas familiers avec js ou qui sont peu exposés aux langages de script peuvent être déroutés par la syntaxe du code ci-dessus. Ces lignes de code impliquent des concepts tels que les rappels de fonctions, les fonctions anonymes, les fermetures, etc. . Je me concentrerai sur cela à l'avenir. Écrivez un tutoriel séparé pour chaque partie.

Le code définit enfin la variable membre globalData, qui contient la variable userInfo pour enregistrer les informations utilisateur.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!