微信小程序入門（五）註冊小程序

小程序的啓動流程

註冊小程序 – 參數解析

每個小程序都需要在 app.js 中調用 App 方法註冊小程序示例
在註冊時, 可以綁定對應的生命週期函數, 在生命週期函數中, 執行對應的代碼. https://developers.weixin.qq.com/miniprogram/dev/reference/api/App.html

`//註冊小程序示例
App({
//生命週期函數
//小程序初始化完成時會執行的生命週期函數
onLaunch: function(options){

//console.log('小程序初始化完成：onlaunch')
//網絡請求
// wx.request({
//   url: 'url',
// })
//獲取用戶信息
//異步調用
//獲取用戶信息，並且獲取用戶信息之後，將用戶信息傳送給服務器
// wx.getUserInfo({
//   success: function(res){
//     console.log(res)
//   }
// })

},
//小程序界面顯示出來以後會執行
onShow: function(options){
console.log(‘界面顯示出來：onshow’)
// //判斷小程序的進入場景
// console.log(options)
// switch(options.scene){
// case 1001:break;
// case 1005:break;
// }

},
// //界面會隱藏時會執行
onHide: function(){
console.log(‘界面會隱藏時會執行:onhide’);
},
onError: function(msg){
console.log(‘小程序發生錯誤時會執行：onError’)
}

})`

註冊App時做什麼呢?

• 判斷小程序的進入場景
• 監聽生命週期函數，在生命週期中執行對應的業務邏輯，比如在某個生命週期函數中獲取微信用戶的信息。
• 因爲App()實例只有一個，並且是全局共享的（單例對象），所以我們可以將一些共享數據放在這裏。
  ◼ 小程序的打開場景較多：
• 常見的打開場景：羣聊會話中打開、小程序列表中打開、微信掃一掃打開、另一個小程序打開。
• 場景值列表

◼ 如何確定場景? 

• 在onLaunch和onShow生命週期回調函數中,會有options參數，其中有scene值

獲取用戶信息 – 保存全局變量

◼ 獲取微信用戶的基本信息的方式：
1.wx.getUserInfo – 即將廢棄的接口；
2.button組件 – 將open-type改成getUserInfo，並且綁定bindgetuserinfo事件去獲取；
3.使用open-data組件展示用戶信息；

註冊頁面

小程序中的每個頁面, 都有一個對應的js文件, 其中調用Page方法註冊頁面示例

• 在註冊時, 可以綁定初始化數據、生命週期回調、事件處理函數等。

註冊Page時做什麼？

◼ 註冊一個Page頁面時，我們一般需要做什麼呢？

• 在生命週期函數中發送網絡請求，從服務器獲取數據；
• 初始化一些數據，以方便被wxml引用展示；
• 監聽wxml中的事件，綁定對應的事件函數；
• 其他一些監聽（比如頁面滾動、上拉刷新、下拉加載更多等）；

◼ 網絡請求和其他一些事件的監聽，放在後續再來使用

//註冊一個頁面
//頁面也有自己的生命週期函數
Page({
    data: {
      text: 'init data',
      array: [{msg: '1'}, {msg: '2'}]
    },
    //-------------1.監聽頁面的生命週期函數
    // 頁面被加載出來
    onload:function(){
      console.log('onload');
    },
    // 頁面顯示出來時
    onShow:function(){
      console.log('onShow');
    },
    // 頁面初次渲染完成時
    onReady:function(){
      console.log('onReady');
    },
    // 頁面隱藏時
    onHide:function(){
      console.log('onHide');
    },
    // 頁面卸載時
    onUnload(){
      console.log('onUnload');
    },
    //--------- 3.監聽wxml中的事件
    hanleViewClick(){
      console.log('被點擊了');
    }

})