app.json剖析

1.pages存放頁面路徑，型別為Array是唯一一個在app.json必須存在的配置項

小程式中新增/減少頁面，都需要對pages陣列進行修改。檔名不需要寫檔案字尾，因為框架會自動去尋找路徑.json.js.wxml.wxss的四個檔案進行整合。示例如下：

"pages": [ "pages/index/index", "pages/more/more", "pages/discover/discover" ],

2.window型別為Object可選擇不設定，作用設定預設頁面的視窗表現

具體設定小程式的狀態列、導航欄、標題、視窗背景色，官方屬性圖：

具體示例如下：

"window": { "backgroundTextStyle": "light", "navigationBarBackgroundColor": "#FFFFFF", "navigationBarTitleText": "母嬰大賣場", "navigationBarTextStyle": "black", "backgroundColor": "#eeeeee", "onReachBottomDistance": "50" },

3.tabBar型別為Object,可以不設定

具體示例如下：

"tabBar": { "list": [//tab的列表 { "pagePath": "pages/index/index",//頁面路徑，必須在pages中先定義 必須設定 "text": "首頁", //tab上按鈕文字 必須設定 "iconPath": "images/[email protected]",// 圖片路徑icon 當postion為top時此引數無效 "selectedIconPath": "images/[email protected]"//選中時的圖片路徑 當postion為top時此引數無效 }, { "pagePath": "pages/discover/discover", "text": "發現", "iconPath": "images/[email protected]", "selectedIconPath": "images/[email protected]" }, { "pagePath": "pages/more/more", "text": "我的", "iconPath": "images/[email protected]", "selectedIconPath": "images/[email protected]" } ], "color": "#666", //tab上的文字預設顏色 "selectedColor": "#333", //tab上的文字選中時的顏色 "borderStyle": "black", //tab上邊框的顏色，僅支援black/white    "backgroundColor": "#333",//tab的背景色 "position":"botton" // 預設bottom 可選值 bottom、top， 當設定 position 為 top 時，將不會顯示 icon },

4.networkTimeout可以設定各種網路請求的超時時間。

官方文件：

具體示例：

"networkTimeout": { "request": 5000, "connectSocket": 5000, "uploadFile": 5000, "downloadFile": 5000 },

5.debug

可以在開發者工具中開啟debug模式，在開發者工具的控制檯面板，除錯資訊以info的形式給出，其資訊有Pages的註冊，頁面路由，資料更新，事件觸發。可以幫助開發者快速定位一些常見的問題。具體用法：

"debug": true

app.json整體程式碼具體示例如下：

{ "pages": [ "pages/index/index", "pages/more/more", "pages/discover/discover" ], "window": { "backgroundTextStyle": "light", "navigationBarBackgroundColor": "#FFFFFF", "navigationBarTitleText": "母嬰大賣場", "navigationBarTextStyle": "black", "backgroundColor": "#eeeeee", "onReachBottomDistance": "50" }, "tabBar": { "list": [ { "pagePath": "pages/index/index", "text": "首頁", "iconPath": "images/[email protected]g", "selectedIconPath": "images/[email protected]" }, { "pagePath": "pages/discover/discover", "text": "發現", "iconPath": "images/[email protected]", "selectedIconPath": "images/[email protected]" }, { "pagePath": "pages/more/more", "text": "我的", "iconPath": "images/[email protected]", "selectedIconPath": "images/[email protected]" } ], "color": "#666", "selectedColor": "#333", "borderStyle": "black", }, "networkTimeout": { "request": 5000, "connectSocket": 5000, "uploadFile": 5000, "downloadFile": 5000 }, "debug": true}