文前推薦一下前端必備工具推薦網(wǎng)站(圖床、API和ChatAI、智能AI簡歷、AI思維導圖神器等實用工具):

站點入口：

圖床：#/imghub

多種API：#/

ChatAI：#/chatAi

AI思維導圖神器：#//

小程序中常用的配置(項目開發(fā)配置、小程序收錄配置、全局配置、頁面配置)

前言:小程序的很多開發(fā)需求被規(guī)定在了配置文件中。

為什么這樣做?

1. 項目開發(fā)配置（對應的文件->project.config.json） 2. 小程序收錄配置(對應的文件->sitemap.json) 2.1 希望被收錄

使用場景:官網(wǎng)、商城、工具等一些面向大眾的，希望更多人使用的小程序

屬性類型必填描述

rules

Object[]

是

索引規(guī)則列表

rules 配置項指定了索引規(guī)則，每項規(guī)則為一個JSON對象，屬性如下所示：

屬性類型必填默認值取值取值說明

action

string

否

“allow”

“allow”、“”

命中該規(guī)則的頁面是否能被索引

page

string

是

“*”、頁面的路徑

* 表示所有頁面，不能作為通配符使用

params

string[]

否

[ ]

當 page 字段指定的頁面在被本規(guī)則匹配時可能使用的頁面參數(shù)名稱的列表（不含參數(shù)值）

string

否

“”

參考 取值說明

當 page 字段指定的頁面在被本規(guī)則匹配時，此參數(shù)說明 params 匹配方式

Number

否

優(yōu)先級，值越大則規(guī)則越早被匹配，否則默認從上到下匹配

值說明

exact

當小程序頁面的參數(shù)列表等于 params 時，規(guī)則命中

當小程序頁面的參數(shù)列表包含 params 時，規(guī)則命中

當小程序頁面的參數(shù)列表與 params 交集為空時，規(guī)則命中

partial

當小程序頁面的參數(shù)列表與 params 交集不為空時，規(guī)則命中

示例1

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

path/to/page?a=1&b=2 => 優(yōu)先索引

path/to/page => 不被索引

path/to/page?a=1 => 不被索引

path/to/page?a=1&b=2&c=3 => 不被索引

其他頁面都會被索引

示例2

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

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 => 不被索引

其他頁面都會被索引

示例3

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

path/to/page => 優(yōu)先索引

path/to/page?c=3 => 優(yōu)先索引

path/to/page?a=1 => 不被索引

path/to/page?a=1&b=2 => 不被索引

其他頁面都會被索引

示例4

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

path/to/page?a=1 => 優(yōu)先索引

path/to/page?a=1&b=2 => 優(yōu)先索引

path/to/page => 不被索引

path/to/page?c=3 => 不被索引

其他頁面都會被索引

注：沒有 sitemap.json 則默認所有頁面都能被索引

注：{“action”: “allow”, “page”: “*”} 是優(yōu)先級最低的默認規(guī)則，未顯式指明 “” 的都默認被索引

2.2 不希望被收錄

使用場景:企業(yè)內部系統(tǒng)等一些定向型用戶應用，不做大范圍推廣

3. 全局配置 window: 全局的默認窗口展示

用戶指定窗口如何展示, 其中還包含了很多其他的屬性

常用配置

{
"window": {
    "navigationBarBackgroundColor": "#75a342",
    "navigationBarTextStyle": "white",
    "navigationBarTitleText": "普粒志鳥",
    "backgroundColor": "#e0e0e0",
    "backgroundTextStyle": "dark",
    "enablePullDownRefresh": true
  },
   "sitemapLocation": "sitemap.json"
}    

tabBar: 底部tab欄的展示

如果小程序是一個多 tab 應用（客戶端窗口的底部或頂部有 tab 欄可以切換頁面），可以通過 tabBar 配置項指定 tab 欄的表現(xiàn)，以及 tab 切換時顯示的對應頁面。

常用配置

{
"tabBar":{
   "selectedColor": "#75a342",
   "list": [
     {
       "pagePath": "pages/home/home",
       "text": "首頁",
       "iconPath": "assets/tabbar/home_default.png",
       "selectedIconPath": "assets/tabbar/home_selected.png"
     },
     {
       "pagePath": "pages/category/category",
       "text": "普歌",
       "iconPath": "assets/tabbar/category_default.png",
       "selectedIconPath": "assets/tabbar/category_selected.png"
     },
     {
       "pagePath": "pages/gl/gl",
       "text": "高祿",
       "iconPath": "assets/tabbar/shoppingcart_default.png",
       "selectedIconPath": "assets/tabbar/shoppingcart_selected.png"
     },
     {
       "pagePath": "pages/mine/mine",
       "text": "我的",
       "iconPath": "assets/tabbar/mine_default.png",
       "selectedIconPath": "assets/tabbar/mine_selected.png"
     }
   ]
}   

pages: 頁面路徑列表

{
  "usingComponents": {},
  "navigationBarTitleText": "商品分類",
  "navigationBarBackgroundColor": "#ff0000",
  "navigationBarTextStyle": "black",
  "enablePullDownRefresh": true
}

4. 頁面配置 屬性類型默認值描述最低版本

#000000

導航欄背景顏色，如 #000000

le

string

white

導航欄標題顏色，僅支持 black / white

xt string

導航欄標題文字內容

string

default

導航欄樣式，僅支持以下值：default 默認樣式 custom 自定義導航欄，只保留右上角膠囊按鈕

微信客戶端 7.0.0

#ffffff

窗口的背景色

string

dark

下拉 loading 的樣式，僅支持 dark / light

string

#ffffff

頂部窗口的背景色，僅 iOS 支持

微信客戶端 6.5.16

m

string

#ffffff

底部窗口的背景色，僅 iOS 支持

微信客戶端 6.5.16

h

boolean

false

是否開啟當前頁面下拉刷新。詳見 Page.

e

number

50

頁面上拉觸底事件觸發(fā)時距頁面底部距離，單位為px。詳見 Page.

string

屏幕旋轉設置，支持 auto / / 詳見 響應顯示區(qū)域變化

2.4.0 (auto) / 2.5.0 ()

boolean

false

設置為 true 則頁面整體不能上下滾動。只在頁面配置中有效，無法在 app.json 中設置

Object

否

頁面自定義組件配置

1.6.3

style

string

default

啟用新版的組件樣式

2.10.2

Object

否

單頁模式相關配置

2.12.0

頁面配置中只能設置 app.json 中 window 對應的配置項，以決定本頁面的窗口表現(xiàn)，所以無需寫 window 這個屬性

到這就結束了，幫到的小伙伴給個贊唄

更多推薦：wantLG的《普歌-碼上鴻鵠團隊:JS驗證對象中的值是否為空、數(shù)組對象中的值是否為空；數(shù)據(jù)請求成功后清空所有數(shù)據(jù)》