前面一篇介紹了微信小程序目錄結構、基本配置。這里再來介紹一下函數定義、頁面渲染。

小程序邏輯app.js：定義App函數用來注冊一個小程序，包含全局數據和函數，指定小程序的生命周期回調等。整個小程序只有一個 App 實例，全部頁面共享使用。

//app.jsApp({ onLaunch: function () { // 展示本地存儲能力 var logs = wx.getStorageSync('logs') || [] logs.unshift(Date.now()) wx.setStorageSync('logs', logs) // 登錄 wx.login({  success: res => {  // 發送 res.code 到后臺換取 openId, sessionKey, unionId  } }) // 獲取用戶信息 wx.getSetting({  success: res => {  if (res.authSetting['scope.userInfo']) {   // 已經授權，可以直接調用 getUserInfo 獲取頭像昵稱，不會彈框   wx.getUserInfo({   success: res => {    // 可以將 res 發送給后臺解碼出 unionId    this.globalData.userInfo = res.userInfo    // 由于 getUserInfo 是網絡請求，可能會在 Page.onLoad 之后才返回    // 所以此處加入 callback 以防止這種情況    if (this.userInfoReadyCallback) {    this.userInfoReadyCallback(res)    }   }   })  }  } }) }, globalData: { userInfo: null }})

生命周期函數：