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

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

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

前言

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

1.項目根目錄中的app.json配置文件

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

3.項目根目錄中的sitemap.json配置文件

4.每個頁面文件夾中的.json配置文件

一、項目根目錄中的app.json配置文件

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

pages存放著所以小程序頁面的路徑

window是修改小程序全局背景，文字樣式，修改標題

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

完整代碼段

"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": "首頁"
      },
      {
        "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": "購物車"
      },
      {
        "pagePath": "pages/my/my",
        "iconPath": "static/tabbar/my.png",
        "selectedIconPath": "static/tabbar/mySelected.png",
        "text": "我的"
      }
    ]
  }

二、項目根目錄中的project.config.json配置文件

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

1.setting 中保存了編譯相關的配置

2.projectname中保存的是項目名稱

3.appid中保存的是小程序的賬號ID

三、項目根目錄中的sitemap.json配置文件

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

sitemap 配置：

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

例1：

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

所有頁面都會被微信索引（默認情況）

例2：

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

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

例3：

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

配置path/to/page頁面被索引，其余頁面不被索引

例4：

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

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

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=> 被索引
其他頁面都會被索引

例5：

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