微信小程序JSON配置文件详细讲解作用

网友投稿 784 2023-11-13

目录前言一、项目根目录中的app.json配置文件二、项目根目录中的project.config.json配置文件三、项目根目录中的sitemap.json配置文件四、每个页面文件夹中的.json配置文件

前言

小程序项目中有4种json配置文件,分别是:

微信小程序JSON配置文件详细讲解作用

1.项目根目录中的app.json配置文件

2.项目根目录中的project.config.json 配置文件

3.项目根目录中的sitemap.json配置文件

4.每个页面文件夹中的.json配置文件

一、项目根目录中的app.json配置文件

app.json是当前小程序的全局配置,包括了小程序的所有页面路径、窗口外观、界面表现、底部tab等。

pages存放着所以小程序页面的路径

window是修改小程序全局背景,文字样式,修改标题

下图就是展现出,app.json配置底部tabBar,具体方法在前几篇文章中有详细的介绍

完整代码段

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
"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是项目配置文件,用来记录我们对小程序开发工具所做的个性化配置,例如:

1.setting 中保存了编译相关的配置

2.projectname中保存的是项目名称

3.appid中保存的是小程序的账号ID

三、项目根目录中的sitemap.json配置文件

微信现已开放小程序内搜索,开发者可以通过sitemap.json配置,或者管理后台页面收录开关来配置其小程序页面是否允许微信索引。当开发者允许微信索引时,微信会通过爬虫的形式,为小程序的页面内容建立索引。当用户的搜索词条触发该索引时,小程序的页面将可能展示在搜索结果中。

sitemap 配置:

小程序根目录下的sitemap.json文件用来配置小程序及其页面是否允许被微信索引。

例1:

所有页面都会被微信索引(默认情况)

例2:

?
1
2
3
4
5
6
{
"rules":[{
"action": "disallow",
"page": "path/to/page"
}]
}

配置path/to/page页面不被索引,其余页面允许被索引

例3:

?
1
2
3
4
5
6
7
8
9
{
"rules":[{
"action": "allow",
"page": "path/to/page"
}, {
"action": "disallow",
"page": "*"
}]
}

配置path/to/page页面被索引,其余页面不被索引

例4:

?
1
2
3
4
5
6
7
8
9
10
11
{
"rules":[{
"action": "allow",
"page": "path/to/page",
"params": ["a", "b"],
"matching": "inclusive"
}, {
"action": "allow",
"page": "*"
}]
}

包含a 和 b参数的path/to/page页面会被微信优先索引,其他页面都会被索引,例如:

path/to/page?a=1&b=2=> 优先被索引path/to/page?a=1&b=2&c=3=> 优先被索引path/to/page=> 被索引path/to/page?a=1=> 被索引其他页面都会被索引

例5:

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
{
"rules":[{
"action": "allow",
"page": "path/to/page",
"params": ["a", "b"],
"matching": "inclusive"
}, {
"action": "disallow",
"page": "*"
}, {
"action": "allow",
"page": "*"
}]
}
path/to/page?a=1&b=2=> 优先被索引path/to/page?a=1&b=2&c=3=> 优先被索引path/to/page=> 不被索引path/to/page?a=1=> 不被索引其他页面由于命中第二条规则,所以不会被索引由于优先级的问题,第三条规则是没有意义的

注:没有 sitemap.json 则默认所有页面都能被索引

注:{"action": "allow", "page": "*"}是优先级最低的默认规则,未显式指明 "disallow" 的都默认被索引

四、每个页面文件夹中的.json配置文件

小程序中的每一个页面,都可以使用.json文件来对本页面的窗口外观进行配置,页面中的配置项会覆盖app.json的window中相同的配置项

每一个页面可以单独设置样式,如下修改背景颜色

到此这篇关于微信小程序JSON配置文件详细讲解作用的文章就介绍到这

您可能感兴趣的文章:使用nodejs搭建微信小程序支付接口的详细过程uniApp微信小程序使用腾讯地图定位功能及getLocation需要在app.json中声明permission字段问题解决微信公众号weixin-js-sdk使用方法总结微信小程序怎么加入JavaScript脚本,做出动态效果PHP JSAPI调支付API实现微信支付功能详解JS实现微信播音效果示例详解

版权声明:本文内容由网络用户投稿,版权归原作者所有,本站不拥有其著作权,亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容,请联系我们jiasou666@gmail.com 处理,核实后本网站将在24小时内删除侵权内容。

上一篇:农产品APP开发前景如何?
下一篇:信息发布类APP开发,有利可图
相关文章

 发表评论

暂时没有评论,来抢沙发吧~