快捷導(dǎo)航

微信小程序JSON配置文件詳細(xì)講解作用

更新時(shí)間：2022年10月25日 15:10:17 作者：小余努力搬磚

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

前言

小程序項(xiàng)目中有4種json配置文件,分別是:

1.項(xiàng)目根目錄中的app.json配置文件

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

3.項(xiàng)目根目錄中的sitemap.json配置文件

4.每個(gè)頁(yè)面文件夾中的.json配置文件

一、項(xiàng)目根目錄中的app.json配置文件

app.json是當(dāng)前小程序的全局配置，包括了小程序的所有頁(yè)面路徑、窗口外觀、界面表現(xiàn)、底部tab等。

pages存放著所以小程序頁(yè)面的路徑

window是修改小程序全局背景，文字樣式，修改標(biāo)題

下圖就是展現(xiàn)出，app.json配置底部tabBar,具體方法在前幾篇文章中有詳細(xì)的介紹

完整代碼段

"tabBar": {
    "color": "#7A7E83",
    "selectedColor": "#3cc51f",
    "borderStyle": "black",
    "backgroundColor": "#ffffff",
    "list": [
      {
        "pagePath": "pages/index/index",
        "iconPath": "static/tabbar/index.png",
        "selectedIconPath": "static/tabbar/indexSelected.png",
        "text": "首頁(yè)"
      },
      {
        "pagePath": "pages/class/class",
        "iconPath": "static/tabbar/class.png",
        "selectedIconPath": "static/tabbar/classSelected.png",
        "text": "分類"
      },
      {
        "pagePath": "pages/cart/cart",
        "iconPath": "static/tabbar/cart.png",
        "selectedIconPath": "static/tabbar/cartSelected.png",
        "text": "購(gòu)物車"
      },
      {
        "pagePath": "pages/my/my",
        "iconPath": "static/tabbar/my.png",
        "selectedIconPath": "static/tabbar/mySelected.png",
        "text": "我的"
      }
    ]
  }

二、項(xiàng)目根目錄中的project.config.json配置文件

project.config.json是項(xiàng)目配置文件，用來記錄我們對(duì)小程序開發(fā)工具所做的個(gè)性化配置,例如:

1.setting 中保存了編譯相關(guān)的配置

2.projectname中保存的是項(xiàng)目名稱

3.appid中保存的是小程序的賬號(hào)ID

三、項(xiàng)目根目錄中的sitemap.json配置文件

微信現(xiàn)已開放小程序內(nèi)搜索，開發(fā)者可以通過sitemap.json配置，或者管理后臺(tái)頁(yè)面收錄開關(guān)來配置其小程序頁(yè)面是否允許微信索引。當(dāng)開發(fā)者允許微信索引時(shí)，微信會(huì)通過爬蟲的形式，為小程序的頁(yè)面內(nèi)容建立索引。當(dāng)用戶的搜索詞條觸發(fā)該索引時(shí)，小程序的頁(yè)面將可能展示在搜索結(jié)果中。

sitemap 配置：

小程序根目錄下的sitemap.json文件用來配置小程序及其頁(yè)面是否允許被微信索引。

例1：

{
  "rules":[{
    "action": "allow",
    "page": "*"
  }]
}

所有頁(yè)面都會(huì)被微信索引（默認(rèn)情況）

例2：

{
  "rules":[{
    "action": "disallow",
    "page": "path/to/page"
  }]
}

配置path/to/page頁(yè)面不被索引，其余頁(yè)面允許被索引

例3：

{
  "rules":[{
    "action": "allow",
    "page": "path/to/page"
  }, {
    "action": "disallow",
    "page": "*"
  }]
}

配置path/to/page頁(yè)面被索引，其余頁(yè)面不被索引

例4：

{
  "rules":[{
    "action": "allow",
    "page": "path/to/page",
    "params": ["a", "b"],
    "matching": "inclusive"
  }, {
    "action": "allow",
    "page": "*"
  }]
}

包含a 和 b參數(shù)的path/to/page頁(yè)面會(huì)被微信優(yōu)先索引，其他頁(yè)面都會(huì)被索引，例如：

path/to/page?a=1&b=2=> 優(yōu)先被索引
path/to/page?a=1&b=2&c=3=> 優(yōu)先被索引
path/to/page=> 被索引
path/to/page?a=1=> 被索引
其他頁(yè)面都會(huì)被索引

例5：

{
  "rules":[{
    "action": "allow",
    "page": "path/to/page",
    "params": ["a", "b"],
    "matching": "inclusive"
  }, {
    "action": "disallow",
    "page": "*"
  }, {
    "action": "allow",
    "page": "*"
  }]
}