微信小程序保姆级教程(三)- 小程序的配置文件(1)

188 阅读2分钟

携手创作,共同成长!这是我参与「掘金日新计划 · 8 月更文挑战」的第3天,点击查看活动详情

本次系列文章参与八月的更文活动,记录一个微信小程序从零到有的开发过程。本文为本系列第三篇:了解小程序的配置文件,主要关于微信小程序的全局配置。

微信小程序应用程序包括两种最基本的配置文件。一为是全局的 app.json ,二则是页面自己的 page.json。不过,要注意的是以上两种配置文件均不能出现注释。

首先本文来了解微信小程序全局配置文件、

app.json 全局外观配置文件

app.json 是微信小程序的全局配置,大概包括了小程序的所有页面路径、界面表现、网络超时时间、底部 tab 等。以下为最基本的配置:

{
  "pages":[
    "pages/index/index",
    "pages/logs/logs"
  ],
  "window":{
    "backgroundTextStyle":"light",
    "navigationBarBackgroundColor": "#fff",
    "navigationBarTitleText": "WeChat",
    "navigationBarTextStyle":"black"
  }
}

关于以上配置中字段的含义如下:

  • pages字段

    • 用于存放小程序的页面路径,这是为了让微信客户端知道当前你的小程序页面定义在哪个目录。
    • pages里面的路径 存放顺序,谁放最上面,谁就被第一个打开
    • 可以在微信开发者工具中手动编辑 app.json 中的 pages 字段,这个工具会自己帮我们新增页面 不过此效果在其他的编辑器中编辑是没效果的。
  • window字段 :定义小程序所有页面的顶部背景颜色,文字颜色定义等。比较详细的配置可以点击进入 app.json配置了解更多。

以下是关于window字段中关于tarbar的大概配置,通过此图可以更清晰的了解tarbar配置的字段。

image.png

以上就是关于app.json 全局外观配置文件,下文则讲解关于微信小程序各个page页面的配置。