微信小程序各個JSON配置文件的作用

JSON配置文件的作用

JSON是一種數(shù)據(jù)格式,在實際開發(fā)中,JSON總是以配置文件的形式出現(xiàn),小程序項目中也不例外,通過不同的.json配置文件,可以對小程序項目進行不同級別的配置

小程序項目中有四種配置文件,分別是:


image.png

1.項目根目錄中的app.json(小程序項目的全局配置文件)

app.json是當(dāng)前小程序的\color{red}{全局配置},包括了小程序的\color{red}{所有頁面路徑}\color{red}{窗口外觀}、\color{red}{界面表現(xiàn)}\color{red}{底部tab}

在當(dāng)前的項目里app.json配置內(nèi)容如下:

\color{blue}{四個配置項的作用}
\color{blue}{1.pages:用來記錄當(dāng)前小程序所有頁面的路徑}

image.png

如何創(chuàng)建頁面?
  • 只需要在app.json -->pages中新增頁面的存放路徑,小程序開發(fā)者工具即可幫我們自動創(chuàng)建對應(yīng)的頁面文件


    image.png

    [圖片上傳中...(image.png-313637-1658473318263-0)]

如何修改項目展示的首頁?
  • 只需要調(diào)整app.json->pages 數(shù)組中頁面路徑的排列順序,即可修改項目的首頁。小程序會把排在第一位的頁面,當(dāng)做項目首頁進行渲染
    image.png

\color{blue}{2.window: 全局定義小程序所有頁面的背景色}

image.png

\color{blue}{3.style:全局定義小程序所使用的樣式版本,默認使用當(dāng)前最新的版本}
簡單來說style就是決定當(dāng)前頁面所使用樣式的版本,v2:代表的就是最新版(如果想使用舊版本,刪除style即可)
\color{blue}{4.sitemapLocation:用來指明sitemap.json的位置}
image.png

2.項目根目錄中的project.config.json配置文件(項目的配置文件)

project.config.json是項目配置文件,用來記錄我們對小程序開發(fā)工具所作的個性化配置,例如:

  • \color{green}{1.setting中保存了編譯相關(guān)的配置}

    image.png

  • 我們在詳情中對本地設(shè)置的更改,最終都體現(xiàn)在了project.config.json中的setting代碼里

    image.png

  • \color{green}{2.projectname中保存的式項目名稱}

    image.png

小程序名需要在小程序管理后臺中設(shè)置

image.png
  • \color{green}{3.appid 中保存的式小程序的賬號id}
    (這個id是唯一的,如果以后要將別人的小程序項目在自己的電腦上運行的話,就需要將project.config.js下的app.id改成自己的,這樣就不會有太多的報錯)
    image.png

3.項目根目錄中的默認配置的sitemap.json配置文件( 用來配置小程序及其頁面是否允許被微信索引)

image.png

image.png

4.\color{orange}{每個頁面文件夾中的.json配置文件}(當(dāng)前頁面的配置文件,配置窗口的外觀,表現(xiàn)等)

image.png
小程序中的每一個頁面,都可以使用.json文件來對\color{red}{本頁面的窗口外觀進行配置,頁面中的配置項會覆蓋App.json的window中相同的配置項}

如果頁面中的配置與wiondow中的配置沖突,那么會以頁面中的配置為準。


image.png
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容