支付寶小程序框架 全局配置介紹

App() 代表頂層應(yīng)用，管理所有頁面和全局?jǐn)?shù)據(jù)，以及提供生命周期回調(diào)等。App() 也是一個(gè)構(gòu)造方法，生成 App 實(shí)例，一個(gè)小程序就是一個(gè) App 實(shí)例。

每個(gè)小程序頂層一般包含三個(gè)文件。

• app.json：應(yīng)用配置
• app.js：應(yīng)用邏輯
• app.acss：應(yīng)用樣式（可選）

簡單示例

一個(gè)簡單的 app.json 示例代碼如下：

{
  "pages": [
    "pages/index/index",
    "pages/logs/logs"
  ],
  "window": {
    "defaultTitle": "Demo"
  }
}

這段代碼配置指定小程序包含兩個(gè)頁面（index 和 logs），以及設(shè)置應(yīng)用窗口的默認(rèn)標(biāo)題為 Demo。

一個(gè)簡單的 app.js 示例代碼如下：

App({
  onLaunch(options) {
    // 第一次打開
  },
  onShow(options) {
    // 小程序啟動(dòng)，或從后臺(tái)被重新打開
  },
  onHide() {
    // 小程序從前臺(tái)進(jìn)入后臺(tái)
  },
  onError(msg) {
    // 小程序發(fā)生腳本錯(cuò)誤或 API 調(diào)用出現(xiàn)報(bào)錯(cuò)
    console.log(msg);
  },
  globalData: {
  // 全局?jǐn)?shù)據(jù)
    name: 'alipay',
  },
});