用于小程序开发的JSON配置

小程序开发


浏览:1071 次

前言

我昨天开始改变一个新的工作环境。我昨天一整天都在看微信app,我以前从未接触过这个。当我第一次触摸它时,它仍然有点奇怪。但幸运的是,我昨天一整天都在看语法,我基本上知道发生了什么。我可以在这里记录后查看。首先要说的是app json文件的配置实际上在微信公众号开发文档中,但我还是想单独记录,以便查看。官方文件地址点

1.app。json文件主要是当前小程序的全局配置,包括小程序的所有访问页面路径、页面表示、网络超时和底部选项卡,如下所示:

{

“页面”:[

“页面/索引/索引”,

“页面/日志/索引”

],

“窗口”:{

“navigationBarTitleText”:“演示”

},

“选项卡栏”:{

“列表”:[{

“pagePath”:“pages/index/index”,

“文本”:“主页”

}, {

“pagePath”:“pages/logs/logs”,

“文本”:“日志”

}]

},

“网络超时”:{

“请求”:10000,

“downloadFile”:10000

},

“debug”:真

}

图像.png

接受一个数组,每个数组都是一个字符串,以指定小程序由哪些页面组成。每个项目代表相应页面的[路径+文件名]信息,数组的第一个项目代表小程序的初始页面。在小程序中添加/减少页面时,需要修改页面数组。

文件名不需要有文件后缀,因为框架会自动查找。json等,。js、,。wxml和。集成路径下的wxss文件。如下:

{

“页面”:[

“页面/索引/索引”,

“页面/日志/日志”

]

}

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

图像.png

图像.png

如下:

{

“窗口”:{

“navigationBarBackgroundColor”:“#ffffff”,

“navigationBarTextStyle”:“黑色”,

“navigationBarTitleText”:“微信界面功能演示”,

“backgroundColor”:“#eeeeee”,

“backgroundTextStyle”:“浅”

}

}

选项卡栏

如果小程序是多选项卡app(在客户端窗口的底部或顶部有一个选项卡栏用于切换页面),则可以通过选项卡栏配置项指定选项卡栏的性能以及切换选项卡时显示的相应页面。

图像.png

图像.png

网络超时

您可以设置各种网络请求的超时。

图像.png

调试

您可以在开发人员工具中启用调试模式。在开发人员工具的控制台面板上,调试信息以信息的形式给出,包括页面注册、页面路由、数据更新和事件触发。它可以帮助开发人员快速找到一些常见问题。