微信小程序---小程序文档设置（2）

一、小程序文档设置

1、小程序的目录结构

1.1、目录结构

小程序包罗一个描述整体程序的 app 和多个描述各自页面的 page
一个小程序主体部门由三个文件构成，必须放在项目的根目录

比如当前我们的《第一个小程序》项目根目录下就存在这三个文件：

1.2、pages目录
一个小程序页面由四个文件构成，分别是
项目根目录下的pages目录存放的是小程序中的页面，小程序每个页面都由4个文件构成， 分别为：

留意：为了方便开辟者减少设置项，描述页面的四个文件必须具有雷同的路径与文件名
例如：《第一个小程序》项目中的pages目录

例如：index页面文件夹中

2、全局设置 app.json

2.1 app.json概述

小程序根目录下的 app.json 文件用来对微信小程序进行全局设置，决定页面文件的路径、窗口表
现、设置网络超时时间、设置多 tab 等

• 留意：
  1）app.json中不能添加任何注释，否则会报错
  2）字符串用户双引号引起来。
  
  
  
  

上图中我们看到app.json中实际生存的是小程序的主设置项属性列表，app.json中常见的属性设置有以
下几项：

2.2、各项属性阐明

2.2.1、pages

值是一个数组，数组的每一项都字符串，用来指定小程序由哪些页面构成。每一项代表对应页面【路径
+文件名(不包罗后缀名)】的信息。数组的第一项代表小程序的初始页面。
留意：小程序每新增一个页面，相应的在pages中就需要增加多一个设置页面记录；反之亦然。

2.2.2、window

用于设置小程序的状态栏、导航条、标题、窗口配景色。

示例：

2.2.3、tabBar

tabBar 支持的属性：

• 当设置 position 为 top 时，将不会显示 icon。
  
• tabBar 中的 list 是一个数组，只能设置最少2个、最多5个tab，tab 按数组的顺序排序。
  

tabBar 中list支持的属性：

2.2.4、networkTimeout
用于设置各种网络请求的超时时间

留意：上线之前肯定要设置一下超时时间，否则小程序有可能出现下列情况。
示例：

2.2.5、debug
用于在开辟者工具中开启 debug 模式，在开辟者工具的控制台面板，调试信息以 info 的形式给出，其
信息有 Page 的注册，页面路由，数据更新，事件触发。可以帮助开辟者快速定位一些常见的标题，默
以为开启状态。
在开辟阶段，建议打开 debug。上线时请关闭此选项，设置为 false。

1. {
2. "pages": [
3. "pages/index/index",
4. "pages/logs/index"
5. ],
6. "window": {
7. "navigationBarTitleText": "Demo"
8. },
9. "tabBar": {
10. "list": [{
11. "pagePath": "pages/index/index",
12. "text": "首页"
13. }, {
14. "pagePath": "pages/logs/index",
15. "text": "日志"
16. }]
17. },
18. "networkTimeout": {
19. "request": 10000,
20. "downloadFile": 10000
21. },
22. q "debug": true
23. }

复制代码

开辟文档：https://developers.weixin.qq.com/miniprogram/dev/framework/config.html
3、页面设置文件 *.json

每个小程序页面也可以使用同名 *.json 文件来对本页面的窗口体现进行设置，页面中设置项会覆盖
app.json 的 window 中雷同的设置项。
用于设置小程序的状态栏、导航条、标题、窗口配景色。
开辟文档：https://developers.weixin.qq.com/miniprogram/dev/reference/configuration/page.html
静态设置参考

1. {
2. "navigationBarBackgroundColor": "#ffffff",
3. "navigationBarTextStyle": "black",
4. "navigationBarTitleText": "微信接口功能演示",
5. "backgroundColor": "#eeeeee",
6. "backgroundTextStyle": "light"
7. }

复制代码

例如：

动态设置
使用微信提供的API接口
语法：wx.setNavigationBarTitle(Object object)

4、sitemap设置

开辟文档：https://developers.weixin.qq.com/miniprogram/dev/reference/configuration/sitemap.
html
微信现已开放小程序内搜刮，开辟者可以通过 sitemap.json 设置，或者管理后台页面收录开关来配
置其小程序页面是否允许微信索引 ； 当开辟者允许微信索引时，微信会通过爬虫的形式，为小程序的
页面内容建立索引。当用户的搜刮词条触发该索引时，小程序的页面将可能展示在搜刮效果中。

免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！更多信息从访问主页：qidao123.com:ToB企服之家，中国第一个企服评测及商务社交产业平台。