小程式結構目錄

小程式檔案結構和傳統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
  檔案用於配置小程式及其頁面是否允許被微信索引。