微信小程序開發(fā)教程邁特科技在之前的文章中跟大家分享了一下基礎(chǔ)的，例如小程序申請注冊、安裝開發(fā)工具等等，今天跟大家分享微信小程序JSON 配置。

微信小程序開發(fā)配置 app.json

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

{

  "pages":[

    "pages/index/index",

    "pages/logs/logs"

  ],

  "window":{

    "backgroundTextStyle":"light",

    "navigationBarBackgroundColor": "#fff",

    "navigationBarTitleText": "WeChat",

    "navigationBarTextStyle":"black"

  }

}

我們簡單說一下這個配置各個項的含義:

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

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

微信小程序開發(fā)工具配置 project.config.json

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

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

微信小程序開發(fā)頁面配置 page.json

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

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

邁特科技——靠譜的技術(shù)伙伴，為企業(yè)提供一站式技術(shù)服務(wù)。主要業(yè)務(wù)范圍有：APP開發(fā)、小程序開發(fā)、微信開發(fā)、電商系統(tǒng)開發(fā)、物聯(lián)網(wǎng)（IOT）開發(fā)等互聯(lián)網(wǎng)+領(lǐng)域。

小程序開發(fā)：www.13351229648.cn

微信小程序申請：www.13351229648.cn/article_298.html

微信小程序怎么用：www.13351229648.cn/article_270.html