注冊(cè)

微信小程序JSON 配置,小程序的配置 page.json

2020-09-27
導(dǎo)讀:我們可以看到在項(xiàng)目的根目錄有一個(gè) app.json 和 project.config.json,此外在 pages/logs 目錄下還有一個(gè) logs.json,我們依次來說明一下他們的用途。...

  JSON 配置

  我們可以看到在項(xiàng)目的根目錄有一個(gè) app.json 和 project.config.json,此外在 pages/logs 目錄下還有一個(gè) logs.json,我們依次來說明一下他們的用途。

  小程序配置 app.json

微信小程序JSON 配置,小程序的配置 page.json

  app.json 是對(duì)當(dāng)前小程序的全局配置,包括了小程序的所有頁面路徑、界面表現(xiàn)、網(wǎng)絡(luò)超時(shí)時(shí)間、底部 tab 等。QuickStart 項(xiàng)目里邊的 app.json 配置內(nèi)容如下:

  {

  "pages":[

  "pages/index/index",

  "pages/logs/logs"

  ],

  "window":{

  "backgroundTextStyle":"light",

  "navigationBarBackgroundColor": "#fff",

  "navigationBarTitleText": "WeChat",

  "navigationBarTextStyle":"black"

  }

  }

  我們簡(jiǎn)單說一下這個(gè)配置各個(gè)項(xiàng)的含義:

  pages字段 —— 用于描述當(dāng)前小程序所有頁面路徑,這是為了讓微信客戶端知道當(dāng)前你的小程序頁面定義在哪個(gè)目錄。

  window字段 —— 小程序所有頁面的頂部背景顏色,文字顏色定義在這里的。

  其他配置項(xiàng)細(xì)節(jié)可以參考文檔 小程序的配置 app.json 。

  工具配置 project.config.json

  通常大家在使用一個(gè)工具的時(shí)候,都會(huì)針對(duì)各自喜好做一些個(gè)性化配置,例如界面顏色、編譯配置等等,當(dāng)你換了另外一臺(tái)電腦重新安裝工具的時(shí)候,你還要重新配置。

  考慮到這點(diǎn),小程序開發(fā)者工具在每個(gè)項(xiàng)目的根目錄都會(huì)生成一個(gè) project.config.json,你在工具上做的任何配置都會(huì)寫入到這個(gè)文件,當(dāng)你重新安裝工具或者換電腦工作時(shí),你只要載入同一個(gè)項(xiàng)目的代碼包,開發(fā)者工具就自動(dòng)會(huì)幫你恢復(fù)到當(dāng)時(shí)你開發(fā)項(xiàng)目時(shí)的個(gè)性化配置,其中會(huì)包括編輯器的顏色、代碼上傳時(shí)自動(dòng)壓縮等等一系列選項(xiàng)。

  其他配置項(xiàng)細(xì)節(jié)可以參考文檔 開發(fā)者工具的配置 。

  頁面配置 page.json

  這里的 page.json 其實(shí)用來表示 pages/logs 目錄下的 logs.json 這類和小程序頁面相關(guān)的配置。

  如果你整個(gè)小程序的風(fēng)格是藍(lán)色調(diào),那么你可以在 app.json 里邊聲明頂部顏色是藍(lán)色即可。實(shí)際情況可能不是這樣,可能你小程序里邊的每個(gè)頁面都有不一樣的色調(diào)來區(qū)分不同功能模塊,因此我們提供了 page.json,讓開發(fā)者可以獨(dú)立定義每個(gè)頁面的一些屬性,例如剛剛說的頂部顏色、是否允許下拉刷新等等。

  其他配置項(xiàng)細(xì)節(jié)可以參考文檔 小程序的配置 page.json 。

重磅推薦:小程序開店目錄

第一部分:小商店是什么

第二部分:如何開通一個(gè)小商店

第三部分:如何登錄小商店

第四部分:開店任務(wù)常見問題

第五部分:小商店可以賣什么

第六部分:HiShop小程序特色功能

第七部分:小程序直播

第八部分:小程序收貨/物流

第九部分:小程序怎么結(jié)算

第十部分:小程序客服

第十一部分:電商創(chuàng)業(yè)

第十二部分:小程序游戲開發(fā)