文前推薦一下前端必備工具推薦網(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ù)》
*請認真填寫需求信息,我們會在24小時內與您取得聯(lián)系。