全部产品

小程序全局配置介绍

更新时间:2019-09-09 14:06:34

App() 代表顶层应用,管理所有页面和全局数据,以及提供生命周期回调等。它也是一个构造方法,生成 App 实例。

一个小程序就是一个 App 实例。每个小程序顶层一般包含三个文件。

  • app.json:应用配置。
  • app.js:应用逻辑。
  • app.acss:应用样式(可选)。

示例代码

  • 一个简单的 app.json 代码如下:

    1. {
    2. "pages": [
    3. "pages/index/index",
    4. "pages/logs/logs"
    5. ],
    6. "window": {
    7. "defaultTitle": "Demo"
    8. }
    9. }

    这段代码配置指定小程序包含两个页面(index 和 logs),以及应用窗口的默认标题设置为 “Demo”。

  • 一个简单的 app.js 代码如下:

    1. App({
    2. onLaunch(options) {
    3. // 第一次打开
    4. },
    5. onShow(options) {
    6. // 小程序启动,或从后台被重新打开
    7. },
    8. onHide() {
    9. // 小程序从前台进入后台
    10. },
    11. onError(msg) {
    12. // 小程序发生脚本错误或 API 调用出现报错
    13. console.log(msg);
    14. },
    15. globalData: {
    16. // 全局数据
    17. name: 'mPaaS',
    18. },
    19. });