- 什么是微信小程序:微信小程序是一种不需要下载也不需要安装就可以使用的应用程序,是微信在2017年1月份上线的一个产品,而且小程序其实就是嵌入微信里的功能丰富、操作简洁的轻应用,不需要下载安装即可使用。非常方便并且实用。
- 微信小程序的配置:主要分为全局配置、页面配置还有sitemap配置
全局配置:
小程序根目录下的 app.json 文件用来对微信小程序进行全局配置,决定页面文件的路径、窗口表现、设置网络超时时间、设置多 tab 等。
属性 | 类型 | 必填 | 描述 | 最低版本 |
---|---|---|---|---|
pages | string[] | 是 | 页面路径列表 | |
window | Object | 否 | 全局的默认窗口表现 | |
tabBar | Object | 否 | 底部 tab 栏的表现 | |
networkTimeout | Object | 否 | 网络超时时间 | |
debug | boolean | 否 | 是否开启 debug 模式,默认关闭 | |
functionalPages | boolean | 否 | 是否启用插件功能页,默认关闭 | 2.1.0 |
subpackages | Object[] | 否 | 分包结构配置 | 1.7.3 |
workers | string | 否 | Worker 代码放置的目录 | 1.9.90 |
requiredBackgroundModes | string[] | 否 | 需要在后台使用的能力,如「音乐播放」 | |
plugins | Object | 否 | 使用到的插件 | 1.9.6 |
preloadRule | Object | 否 | 分包预下载规则 | 2.3.0 |
resizable | boolean | 否 | iPad 小程序是否支持屏幕旋转,默认关闭 | 2.3.0 |
navigateToMiniProgramAppIdList | string[] | 否 | 需要跳转的小程序列表,详见 wx.navigateToMiniProgram | 2.4.0 |
usingComponents | Object | 否 | 全局自定义组件配置 | 开发者工具 1.02.1810190 |
permission | Object | 否 | 小程序接口权限相关设置 | 微信客户端 7.0.0 |
sitemapLocation | string | 是 | 指明 sitemap.json 的位置 | |
style | string | 否 | 指定使用升级后的weui样式 | 2.8.0 |
useExtendedLib | Object | 否 | 指定需要引用的扩展库 | 2.2.1 |
entranceDeclare | Object | 否 | 微信消息用小程序打开 | 微信客户端7.0.9 |
window:可以设置小程序导航栏、窗口
{
"window": {
"navigationBarBackgroundColor": "#ffffff",//设置导航栏背景色
"navigationBarTextStyle": "black",//导航栏标题颜色,仅支持 black / white
"navigationBarTitleText": "嗨购",//导航栏标题
"backgroundColor": "#eeeeee",//窗口背景颜色
"backgroundTextStyle": "dark",//下拉的loading
"enablePullDownRefresh":"true"//开启下拉刷新
}
}
tabBar:用来设置小程序的顶部或者底部的tab栏,切换页面
"tabBar": {
"color": "#8a8a8a",//文字默认颜色
"selectedColor": "#1296db",//选中时文字颜色
"backgroundColor": "#efefef",//tab栏的背景颜色
"borderStyle": "black",//上边框颜色
"list": [//tab列表,最少2个tab,最多5个tab
{
"pagePath": "pages/home/home",//跳转路径
"text": "首页",//tab文字
"iconPath": "resource/home.png",//未选中时tab图标
"selectedIconPath": "resource/home_active.png"//选中时tab图标
},
{
"pagePath": "pages/kind/kind",
"text": "商城",
"iconPath": "resource/kind.png",
"selectedIconPath": "resource/kind_active.png"
}
]
}
networkTimeout:请求超时时间
属性 | 类型 | 必填 | 默认值 | 说明 |
---|---|---|---|---|
request | number | 否 | 60000 | wx.request 的超时时间,单位:毫秒。 |
connectSocket | number | 否 | 60000 | wx.connectSocket 的超时时间,单位:毫秒。 |
uploadFile | number | 否 | 60000 | wx.uploadFile 的超时时间,单位:毫秒。 |
downloadFile | number | 否 | 60000 | wx.downloadFile 的超时时间,单位:毫秒。 |
permission:
{
"permission": {
"scope.userLocation": {//位置相关权限声明
"desc": "你的位置信息将用于小程序位置接口的效果展示"
}
}
}
页面配置:
可以再每个页面.json文件中进行页面的配置
{
"navigationBarBackgroundColor": "#ffffff",//导航栏背景色
"navigationBarTextStyle": "black",//导航栏标题颜色
"navigationBarTitleText": "首页",//导航栏标题
"backgroundColor": "#eeeeee",//窗口背景色
"backgroundTextStyle": "dark",//下拉的loading
"enablePullDownRefresh":"true"//开启下拉刷新
}