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

注意:

1) json配置中键名、键值必须使用双引号,不能使用单引号。

2) 以下配置中除了page字段是必需设置,其它项目为可选项。

置项说明:

  1. {
  2.  
  3. /**
  4. * 【必需】 pages 键值是一列数组
  5. * 指定小程序由哪些页面组成,每一项都对应一个页面的 路径+文件名 信息。文件名不需要写文件后缀
  6. * 数组第一项代表小程序的首页
  7. **/
  8. "pages": [
  9. "pages/index/index",
  10. "pages/logs/index"
  11. ],
  12.  
  13. /**
  14. * window 用于设置小程序的状态栏、导航条、标题、窗口背景色。
  15. **/
  16. "window": {
  17.  
  18. /**
  19. * 以下是页面顶部导航栏设置
  20. **/
  21. "navigationBarBackgroundColor" : "[Color]", // 导航栏背景颜色,默认值:#000000
  22. "navigationBarTextStyle" : "white|black", // 导航栏标题颜色,默认值white
  23. "navigationBarTitleText": "[String]" , // 导航栏标题文字内容
  24. "navigationStyle" : "default|custom", // 导航样式,默认值default。 custom 自定义导航栏,只保留右上角胶囊按钮
  25.  
  26. /**
  27. * 以下是下拉刷新或上拉触底设置
  28. **/
  29. "backgroundColor" : "[Color]", // 窗口的背景色
  30. "backgroundTextStyle" : "dark|light", // 下拉 loading 的样式,默认值dark(暗)
  31. "backgroundColorTop" : "[Color]", // 顶部窗口的背景色,仅 iOS 支持
  32. "backgroundColorBottom" : "[Color]", // 底部窗口的背景色,仅 iOS 支持
  33. "enablePullDownRefresh" : true|false, // 是否全局开启下拉刷新,值 true | false
  34. "onReachBottomDistance" : [Number] // 页面上拉触底事件触发时距页面底部距离,单位为px,默认值 50
  35.  
  36. },
  37.  
  38. /**
  39. * tabBar 配置项指定 tab 栏的表现,以及 tab 切换时显示的对应页面。
  40. **/
  41. "tabBar": {
  42.  
  43. "color" : "[Color]", // 【必需】 tab 上的文字默认颜色
  44. "selectedColor" : "[Color]", // 【必需】 tab 上的文字选中时的颜色
  45. "backgroundColor" : "[Color]", // 【必需】 tab 的背景色
  46. "borderStyle" : "black|white", // tabbar上边框的颜色, 默认值:black
  47. "position" : "bottom|top", // tabBar的位置,仅支持 bottom / top
  48.  
  49. /**
  50. * 【必需】 tab 的列表,最少2个、最多5个 tab
  51. **/
  52. "list": [
  53. {
  54. "pagePath": "[String]", // 【必需】 打开的页面路径,必须在 pages 中先定义
  55. "text": "[String]", // 【必需】 tab 上按钮文字,比如首页
  56. "iconPath" : "[String]", // 图片路径,icon 大小限制为40kb,建议尺寸为 81px * 81px,不支持网络图片。 当 postion 为 top 时,不显示 icon。
  57. "selectedIconPath" : "[String]" // 选中时的图片路径,icon 大小限制为40kb,建议尺寸为 81px * 81px,不支持网络图片。当 postion 为 top 时,不显示 icon。
  58. },
  59. {
  60. "pagePath": "[String]",
  61. "text": "[String]",
  62. "iconPath" : "[String]",
  63. "selectedIconPath" : "[String]"
  64. }
  65. //设置每个列表...
  66. ]
  67. },
  68.  
  69. /**
  70. * networkTimeout 各类网络请求的超时时间,单位均为毫秒。
  71. **/
  72. "networkTimeout": {
  73. "request" : [Number], // wx.request 的超时时间。默认值 60000
  74. "connectSocket" : [Number], // wx.connectSocket 的超时时间。默认值 60000
  75. "uploadFile" : [Number], // wx.uploadFile 的超时时间。默认值 60000
  76. "downloadFile": [Number] // wx.downloadFile 的超时时间。默认值 60000
  77. },
  78.  
  79. /**
  80. * debug 是否开启调试模式,默认关闭(false)
  81. **/
  82. "debug": true|false,
  83.  
  84. "resizable": true|false, // 值true时使小程序支持 iPad 屏幕旋转
  85. /**
  86. * functionalPages 是否启用插件功能页,默认关闭(false)
  87. **/
  88. "functionalPages" : true|false,
  89.  
  90. /**
  91. * usingComponents 定义全局可以使用的自定义组件(所有页面可用)
  92. **/
  93. "usingComponents": {
  94. "component-tag-name": "component-path", // 格式:组件标签名称 : 自定义组件路径
  95. // 可定义多个自定义组件
  96. }
  97.  
  98. /**
  99. * subPackages
  100. **/
  101.  
  102. /**
  103. * workers
  104. **/
  105.  
  106. /**
  107. * requiredBackgroundModes
  108. **/
  109.  
  110. /**
  111. * plugins
  112. **/
  113.  
  114. }

【app.json】配置说明,不断更新中的更多相关文章

  1. 微信小程序页面-页面跳转失败WAService.js:3 navigateTo:fail url not in app.json

    微信小程序新建页面的要素一是新建的文件名称和其子文件的名称最好一致,不然容易出问题,在小程序页面跳转中如果出现WAService.js:3 navigateTo:fail url not in app ...

  2. 微信小程序--getLocation需要在app.json中声明permission字段

    在微信小程序开发中,需要获取用户所在地理位置,结果提示‘getLocation需要在app.json中声明permission字段’ 这是因为开发者需要填写获取用户地理位置的用途说明. 具体解决方法: ...

  3. Expo大作战(五)--expo中app.json 文件的配置信息

    简要:本系列文章讲会对expo进行全面的介绍,本人从2017年6月份接触expo以来,对expo的研究断断续续,一路走来将近10个月,废话不多说,接下来你看到内容,讲全部来与官网 我猜去全部机翻+个人 ...

  4. 微信小程序:wx.navigateTo中url无法跳转问题(app.json中配置的tabBar与wx.navigateTo中url引用相同页面导致)

    今天在做微信小程序时,设置wx.navigateTo页面跳转并传参数,点击始终没有效果,代码如下: //事件处理函数 newsDetail: function (event) { console.lo ...

  5. 【微信】微信小程序 新建页面目录后,怎么自动生成目中的的四个基本文件呢? 新建目录报错如下VM458:2 未找到 app.json 中的定义的 pages "pages/module/module" 对应的 WXML 文件

    如下图,在使用微信开发者工具过程中,新创建了页面目录,想要页面文件夹中自动生成四个基本文件 但是新创建了一个页面文件夹,里面的四个基本文件并没有展示出来 然后在app.json添加这个路径,ctrl+ ...

  6. getLocation 需要在 app.json 中声明 Permission 字段

    小程序开发中,清除授权状态后,重新编译,提示:getLocation 需要在 app.json 中声明 Permission 字段 需要在 app.json 里面增加 permission 属性配置( ...

  7. getLocation需要在app.json中声明permission字段,解决办法

    具体开发方法如下: 在 app.json 里面增加 permission 属性配置(小游戏需在game.json中配置): "permission": { "scope. ...

  8. 微信小程序错误——mpvue小程序:未找到 app.json 中的定义的 pages "pages/XXX/XXX" 对应的 WXML 文件

    背景 在刚开始学习开发小程序时,使用微信开发工具在app.json建立页面,写好配置文件名称后,应该会自动生成页面的4个文件,结果没有生成文件,反而报错:mpvue小程序:未找到 app.json 中 ...

  9. 微信小程序:app.json中通过使用扩展库userExtendedLib的方式,引入并使用weui

    微信小程序  PK  APP: 1.微信有海量⽤⼾,⽽且粘性很⾼,在微信⾥开发产品更容易触达⽤⼾:而推⼴app的成本太⾼. 2.微信小程序也可以跨平台(Android和IOS). 一.project. ...

随机推荐

  1. Graphics Card Notes | 烧卡日记(显卡常识笔记)

    [ a comparison of several popular Graphics cards ]

  2. 【luogu P1816 忠诚】 题解

    题目链接:https://www.luogu.org/problemnew/show/P1816 用st表来解决rmq问题. 表示同时培训学的st表,然后我就忘得差不多了,在这里推荐一篇blog 大佬 ...

  3. Unity3d Gis 坐标转换

    最近在做unity3d与Gis结合的项目,最基本的就是坐标的转换问题,比如把经纬度为(166.23.9.27 , 39.55.15.74) 转换到unity里面成相应的位置点,废话不多说 上代码: u ...

  4. 课时92.CSS元素显示模式转换(掌握)

    我们之前学习的显示模式都可以不用记忆,因为这节课我们要学习转换,我们可以任意来进行一个转换的,上面这些东西有一个了解就行了.所有的标签都有一个属性叫做display,display的中文含义就是显示的 ...

  5. jquery 层级选择器

    关于层级选择器. $("parent > child") 选择所有指定“parent”元素中指定的“child”的直接子项元素. parent :任何有效的选择器. chil ...

  6. Git工作流指南:Gitflow工作流

    git工作流 1.Git flow 核心分支:master,dev 可能还会有:功能分支,bug修复分支,预发布分支 2.github flow:只一个长期分支,就是master 第一步:根据需求,从 ...

  7. Linux分享笔记:shell终端的介绍

    [1] Linux中 “shell终端” 和 “bash解释器” 的区别 shell终端是通过基于系统调用接口开发出的程序,用来让用户与系统进行对话,管理计Linux系统.它是一个命令行工具,操作类似 ...

  8. javascript--BOM的onload事件和onunload事件

    1.onload事件 onload,页面加载后执行,所谓页面加载完成,指页面上所有的元素创建完毕,引用的所有的外部资源(js.css.图片)等下载完毕. 所以onload执行的比较晚,因为如果页面上有 ...

  9. Mac系统升级后在终端输入git命令时遇到的问题

    Mac系统升级git会找不到并且报错:xcrun: error: invalid active developer path (/Library/Developer/CommandLineTools) ...

  10. 【c学习-12】

    /*枚举*/ #include void enumFunction(){ enum enum_var{"a","b",1,2}; enum{"c&qu ...