小程序結構目錄及配置文件

小程序結構目錄

小程序文件結構和傳統web對比

• 通過以上對比，傳統web是三層結構，而微信小程序是四層結構，多了一層配置文件。

基本的項目目錄

小程序配置問文件

• 一個小程序應用程序會包括最基本的兩種配置文件：
  • 全局的app.json
  • 頁面自己的page.json

注意：配置文件中不能出現注釋

全局配置 app.json

• app.json是當前小程序的全局配置，包括了小程序的所有頁面路徑、界面表現、網絡超時時間、底部tab等。
• 下面是普通快速啟動項目里邊的app.json
• 參考文檔：https://developers.weixin.qq.com/miniprogram/dev/reference/configuration/app.html#window

{
  "pages":[
    "pages/index/index",
    "pages/logs/logs"
  ],
  "window":{
    "backgroundTextStyle":"light",
    "navigationBarBackgroundColor": "#fff",
    "navigationBarTitleText": "Weixin",
    "navigationBarTextStyle":"black"
  },
  "style": "v2",
  "sitemapLocation": "sitemap.json"
}

• page字段：用於描述當前小程序所有頁面路徑
  • 這是為了讓微信客戶端知道當前你的小程序頁面定義在那個目錄
  • 路徑的最后不用添加后綴名，會自動補全
  • 如果寫的路徑沒有對應的文件夾，會自動幫你創建文件
• window字段：定義小程序所有的公共樣式
• style字段：指定使用升級后的weui樣式
• sitemapLocation字段：指明 sitemap.json 的位置

頁面配置

• 每一個小程序頁面也可以使用 .json 文件來對本頁面的窗口表現進行配置。
• 頁面中配置項在當前頁面會覆蓋 app.json 的 window 中相同的配置項

sitemap配置--了解即可

• 小程序根目錄下的 sitemap.json 文件用於配置小程序及其頁面是否允許被微信索引。