小程序模板網(wǎng)

小程序之程序構(gòu)造器App()

發(fā)布時間:2021-06-21 09:56 所屬欄目:小程序開發(fā)教程

onLaunch / onShow / onHide 三個回調(diào)是App實例的生命周期函數(shù)

“小程序”指的是產(chǎn)品層面的程序,而“程序”指的是代碼層面的程序?qū)嵗?,為了避免誤解,下文采用App來代替代碼層面的“程序”概念。

(1) 程序構(gòu)造器App()

宿主環(huán)境提供了 App() 構(gòu)造器用來注冊一個程序App,需要留意的是App() 構(gòu)造器必須寫在項目根目錄的app.js里,App實例是單例對象,在其他JS腳本中可以使用宿主環(huán)境提供的 getApp() 來獲取程序?qū)嵗?/p>

代碼獲取App實例

// other.js
var appInstance = getApp()

App() 的調(diào)用方式如代碼清單3-4所示,App構(gòu)造器接受一個Object參數(shù),參數(shù)說明如表3-1所示,其中onLaunch / onShow / onHide 三個回調(diào)是App實例的生命周期函數(shù),我們會在后文展開;onError我們暫時不在本章展開,我們會在第8章里詳細討論;App的其他參數(shù)我們也放在后文進行展開。


代碼 App構(gòu)造器

App({
  onLaunch: function(options) {},
  onShow: function(options) {},
  onHide: function() {},
  onError: function(msg) {},
  globalData: 'I am global data'
})

App構(gòu)造器參數(shù)

參數(shù)屬性 類型 描述
onLaunch Function 當(dāng)小程序初始化完成時,會觸發(fā) onLaunch(全局只觸發(fā)一次)
onShow Function 當(dāng)小程序啟動,或從后臺進入前臺顯示,會觸發(fā) onShow
onHide Function 當(dāng)小程序從前臺進入后臺,會觸發(fā) onHide
onError Function 當(dāng)小程序發(fā)生腳本錯誤,或者 API 調(diào)用失敗時,會觸發(fā) onError 并帶上錯誤信息
其他字段   任意 可以添加任意的函數(shù)或數(shù)據(jù)到 Object 參數(shù)中,在App實例回調(diào)用 this 可以訪問

 

(2)程序的生命周期和打開場景

初次進入小程序的時候,微信客戶端初始化好宿主環(huán)境,同時從網(wǎng)絡(luò)下載或者從本地緩存中拿到小程序的代碼包,把它注入到宿主環(huán)境,初始化完畢后,微信客戶端就會給App實例派發(fā)onLaunch事件,App構(gòu)造器參數(shù)所定義的onLaunch方法會被調(diào)用。
進入小程序之后,用戶可以點擊右上角的關(guān)閉,或者按手機設(shè)備的Home鍵離開小程序,此時小程序并沒有被直接銷毀,我們把這種情況稱為“小程序進入后臺狀態(tài)”,App構(gòu)造器參數(shù)所定義的onHide方法會被調(diào)用。
當(dāng)再次回到微信或者再次打開小程序時,微信客戶端會把“后臺”的小程序喚醒,我們把這種情況稱為“小程序進入前臺狀態(tài)”,App構(gòu)造器參數(shù)所定義的onShow方法會被調(diào)用。
我們可以看到,App的生命周期是由微信客戶端根據(jù)用戶操作主動觸發(fā)的。為了避免程序上的混亂,我們不應(yīng)該從其他代碼里主動調(diào)用App實例的生命周期函數(shù)。
在微信客戶端中打開小程序有很多途徑:從群聊會話里打開,從小程序列表中打開,通過微信掃一掃二維碼打開,從另外一個小程序打開當(dāng)前小程序等,針對不同途徑的打開方式,小程序有時需要做不同的業(yè)務(wù)處理,所以微信客戶端會把打開方式帶給onLaunch和onShow的調(diào)用參數(shù)options,示例代碼以及詳細參數(shù)如代碼清單3-5和表3-2所示。需要留意小程序的宿主環(huán)境在迭代更新過程會增加不少打開場景,因此要獲取最新的場景值說明請查看官方文檔:https://mp.weixin.qq.com/debug/wxadoc/dev/framework/app-service/app.html。

代碼清單3-5 onLaunch和onShow帶參數(shù)

App({
  onLaunch: function(options) { console.log(options) },
  onShow: function(options) { console.log(options) }
})

onLaunch,onShow參數(shù)

字段 類型 描述
path String 打開小程序的頁面路徑
query Object 打開小程序的頁面參數(shù)query
scene Number 打開小程序的場景值,詳細場景值請參考小程序官方文檔
shareTicket String shareTicket,詳見小程序官方文檔
referrerInfo Object 當(dāng)場景為由從另一個小程序或公眾號或App打開時,返回此字段
referrerInfo.appId String 來源小程序或公眾號或App的 appId,詳見下方說明
referrerInfo.extraData Object 來源小程序傳過來的數(shù)據(jù),scene=1037或1038時支持

以下場景支持返回 referrerInfo.appId

場景值 場景 appId信息含義
1020 公眾號 profile 頁相關(guān)小程序列表 返回來源公眾號 appId
1035 公眾號自定義菜單 返回來源公眾號 appId
1036 App 分享消息卡片 返回來源應(yīng)用 appId
1037 小程序打開小程序 返回來源小程序 appId
1038 從另一個小程序返回 返回來源小程序 appId
1043 公眾號模板消息 返回來源公眾號 appId

(3) 小程序全局數(shù)據(jù)

之前說到小程序的JS腳本是運行在JsCore的線程里,小程序的每個頁面各自有一個WebView線程進行渲染,所以小程序切換頁面時,小程序邏輯層的JS腳本運行上下文依舊在同一個JsCore線程中。
在上文中說道App實例是單例的,因此不同頁面直接可以通過App實例下的屬性來共享數(shù)據(jù)。App構(gòu)造器可以傳遞其他參數(shù)作為全局屬性以達到全局共享數(shù)據(jù)的目的。
代碼小程序全局共享數(shù)據(jù)

// app.js
App({
  globalData: 'I am global data' // 全局共享數(shù)據(jù)
})
// 其他頁面腳本other.js
var appInstance = getApp()
console.log(appInstance.globalData) // 輸出: I am global data

與此同時,我們要特別留意一點,所有頁面的腳本邏輯都跑在同一個JsCore線程,頁面使用setTimeout或者setInterval的定時器,然后跳轉(zhuǎn)到其他頁面時,這些定時器并沒有被清除,需要開發(fā)者自己在頁面離開的時候進行清理。

(4) 小程序運行機制

    小程序啟動會有兩種情況,一種是「冷啟動」,一種是「熱啟動」。 假如用戶已經(jīng)打開過某小程序,然后在一定時間內(nèi)再次打開該小程序,此時無需重新啟動,只需將后臺態(tài)的小程序切換到前臺,這個過程就是熱啟動;冷啟動指的是用戶首次打開或小程序被微信主動銷毀后再次打開的情況,此時小程序需要重新加載啟動。

    更新機制:小程序冷啟動時如果發(fā)現(xiàn)有新版本,將會異步下載新版本的代碼包,并同時用客戶端本地的包進行啟動,即新版本的小程序需要等下一次冷啟動才會應(yīng)用上。

  • 小程序沒有重啟的概念
  • 當(dāng)小程序進入后臺,客戶端會維持一段時間的運行狀態(tài),超過一定時間后(目前是5分鐘)會被微信主動銷毀
  • 置頂?shù)男〕绦虿粫晃⑿胖鲃愉N毀
  • 當(dāng)收到系統(tǒng)內(nèi)存告警也會進行小程序的銷毀


易優(yōu)小程序(企業(yè)版)+靈活api+前后代碼開源 碼云倉庫:starfork
本文地址:http://u-renovate.com/wxmini/doc/course/26644.html 復(fù)制鏈接 如需定制請聯(lián)系易優(yōu)客服咨詢:800182392 點擊咨詢
QQ在線咨詢