微信小程序代码 app.json文件详细介绍

2024-08-31 04:28
文章标签 介绍 app 微信 json 详细 程序代码

本文主要是介绍微信小程序代码 app.json文件详细介绍，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

目录

app.json 文件的作用

app.json 文件结构

app.json 文件属性介绍

pages 页面路径配置

window 主窗口主题样式

tabBar 底部导航栏

networkTimeout 网络超时时间

debug 调试模式

permission 申请手机权限

sitemapLocation

style

lazyCodeLoading 懒加载

requiredBackgroundModes 后台运行

functionalPages 分包预下载-加速

subpackages 分包加在-加速

workers

plugins 插件

useExtendedLib 功能扩展

preloadRule 页面加载-加速

entryPagePath

themeLocation 主题文件

darkmode 暗黑模式

官网：https://developers.weixin.qq.com/miniprogram/dev/reference/configuration/app.html

app.json 文件的作用

app.json 是微信小程序的全局配置文件，用于配置小程序的页面路径、窗口表现、底部 Tab、网络超时时间、以及一些多媒体和权限设置等。这个文件在小程序启动时会被读取，并根据其中的配置来初始化小程序的各个部分。

app.json 文件结构

{"pages": ["pages/index/index"],"window": {"navigationBarTextStyle": "black","navigationStyle": "custom"},"style": "v2","renderer": "skyline","rendererOptions": {"skyline": {"defaultDisplayBlock": true,"disableABTest": true,"sdkVersionBegin": "3.0.0","sdkVersionEnd": "15.255.255"}},"componentFramework": "glass-easel","sitemapLocation": "sitemap.json","lazyCodeLoading": "requiredComponents"
}

app.json 文件属性介绍

pages 页面路径配置

一个数组，用于配置小程序的页面路径。页面路径是相对于小程序根目录的相对路径。数组中的第一个页面是小程序的首页。每个路径对应一个小程序页面，路径中的文件夹名称不能有大写字母。

    "pages": ["pages/index/index","pages/logs/logs"],

window 主窗口主题样式

window 对象用于设置小程序的全局默认窗口表现，如导航栏的背景色、文字颜色、标题等。

  • navigationBarBackgroundColor: 导航栏背景颜色（十六进制颜色值）。
  • navigationBarTextStyle: 导航栏标题颜色，仅支持 black（黑色）或 white（白色）。
  • navigationBarTitleText: 导航栏标题文字内容。
  • backgroundColor: 窗口的背景色（十六进制颜色值）。
  • backgroundTextStyle: 下拉背景字体、loading 图的样式，仅支持 dark、light。
  • enablePullDownRefresh: 是否开启下拉刷新功能，true 或 false。
  • onReachBottomDistance: 页面上拉触底事件触发时距页面底部距离，单位为 px。
"window": {"navigationBarBackgroundColor": "#ffffff","navigationBarTextStyle": "black","navigationBarTitleText": "小程序名称","backgroundColor": "#eeeeee","backgroundTextStyle": "light","enablePullDownRefresh": false,"onReachBottomDistance": 50
}

tabBar 底部导航栏

tabBar 用于配置小程序的底部 Tab 栏的表现，包括 Tab 栏的样式及每个 Tab 的页面路径和图标。

  • color: 未选中时的文字颜色（十六进制颜色值）。
  • selectedColor: 选中时的文字颜色（十六进制颜色值）。
  • backgroundColor: Tab 栏的背景色（十六进制颜色值）。
  • borderStyle: Tab 栏上边框的颜色，仅支持 black 或 white。
  • list: 一个数组，用于配置 Tab 项，每一项都包括 pagePath（页面路径）、text（Tab 项文字）、iconPath（未选中时的图标路径）、selectedIconPath（选中时的图标路径）。
    "tabBar": {"color": "#8a8a8a","selectedColor": "#ff0000","backgroundColor": "#ffffff","borderStyle": "black","list": [{"pagePath": "pages/index/index","text": "首页","iconPath": "path/to/icon.png","selectedIconPath": "path/to/selected_icon.png"},{"pagePath": "pages/logs/logs","text": "日志"}]}

networkTimeout 网络超时时间

networkTimeout 用于设置小程序各种网络请求的超时时间，单位为毫秒。

  • request: wx.request 的超时时间。
  • connectSocket: wx.connectSocket 的超时时间。
  • uploadFile: wx.uploadFile 的超时时间。
  • downloadFile: wx.downloadFile 的超时时间。
    "networkTimeout": {"request": 10000,"connectSocket": 10000,"uploadFile": 10000,"downloadFile": 10000}

debug 调试模式

debug 属性用于是否开启调试模式，true 为开启，false 为关闭。开启调试模式时，开发者工具和移动设备的调试会打印详细的日志信息。

"debug": false

permission 申请手机权限

permission 用于配置小程序需要申请的权限，通常用于获取用户位置信息或其他敏感数据。

  • scope.userLocation: 配置请求用户地理位置的描述，用户授权时会看到这段文字。
    "permission": {"scope.userLocation": {"desc": "你的位置信息将用于小程序位置接口的效果展示"}}

sitemapLocation

sitemapLocation 用于设置小程序 sitemap.json 文件的路径。sitemap.json 文件用于配置小程序页面的收录与展示规则。

"sitemapLocation": "sitemap.json"

style

style 用于设置小程序的基础库使用的组件样式版本。值为 "v2" 时，使用基础库2.0版本的新样式。

"style": "v2"

lazyCodeLoading 懒加载

lazyCodeLoading 用于配置懒加载模式。可以选择 "requiredComponents"，表示只有在页面中被使用到的组件才会被加载，未被使用的组件不会被加载到当前页面。

"lazyCodeLoading": "requiredComponents"

requiredBackgroundModes 后台运行

requiredBackgroundModes 用于配置小程序需要后台运行的能力。目前支持的值为 "audio"，表示后台播放音频。

"requiredBackgroundModes": ["audio"]

functionalPages 分包预下载-加速

functionalPages 用于启用小程序的分包预下载功能，必须为 true 才能使用分包预下载。

"functionalPages": true

subpackages 分包加在-加速

subpackages（或 subPackages） 用于配置小程序的分包加载，以减少主包的体积，加快小程序启动速度。

  • name: 分包的名称。
  • root: 分包的根目录。
  • pages: 分包内的页面路径。
"subpackages": [{"name": "packageA","root": "packageA","pages": ["pages/index/index","pages/logs/logs"]},{"name": "packageB","root": "packageB","pages": ["pages/detail/detail"]}
]

workers

workers 用于配置 Worker 代码的目录。使用 Worker 可以在小程序中运行多线程任务。

"workers": "workers/"

plugins 插件

plugins 用于配置小程序使用的第三方插件。

  • myPlugin: 插件的名称。
  • version: 插件的版本号。
  • provider: 插件开发者的 AppID。
"plugins": {"myPlugin": {"version": "1.0.0","provider": "wx1234567890abcdef"}
}

navigateToMiniProgramAppIdList 用于配置当前小程序可跳转的其他小程序 AppID 列表。

"navigateToMiniProgramAppIdList": ["wx1234567890abc111","wxabcdef1234567111"
]

useExtendedLib 功能扩展

useExtendedLib 用于配置使用的扩展库，扩展库为小程序提供了更多的功能。

"useExtendedLib": {"weui": true
}

preloadRule 页面加载-加速

preloadRule 用于配置页面预加载规则，以提高页面加载速度。

  • pages/index/index: 需要预加载的页面。
  • network: 预加载的网络环境，wifi 或者 all。
  • packages: 预加载的分包。
"preloadRule": {"pages/index/index": {"network": "wifi","packages": ["packageA"]}
}

entryPagePath

指定小程序的默认启动路径（首页），常见情景是从微信聊天列表页下拉启动、小程序列表启动等。如果不填，将默认为 pages 列表的第一项。不支持带页面路径参数。

"entryPagePath": "pages/index/index"

themeLocation 主题文件

themeLocation 用于指定小程序主题配置文件的路径（从基础库 2.11.0 开始支持）。

"themeLocation": "miniprogram_npm/@my-theme/miniprogram-theme/index.theme.json"

darkmode 暗黑模式

darkmode 用于启用小程序的暗黑模式支持。

"darkmode": true

这篇关于微信小程序代码 app.json文件详细介绍的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！


http://www.chinasem.cn/article/1122886。

相关文章

W外链微信推广短连接怎么做？

W外链微信推广短连接怎么做？

制作微信推广链接的难点分析 一、内容创作难度 制作微信推广链接时，首先需要创作有吸引力的内容。这不仅要求内容本身有趣、有价值，还要能够激起人们的分享欲望。对于许多企业和个人来说，尤其是那些缺乏创意和写作能力的人来说，这是制作微信推广链接的一大难点。 二、精准定位难度 微信用户群体庞大，不同用户的需求和兴趣各异。因此，制作推广链接时需要精准定位目标受众，以便更有效地吸引他们点击并分享链接
阅读更多...
性能测试介绍

性能测试介绍

性能测试是一种测试方法，旨在评估系统、应用程序或组件在现实场景中的性能表现和可靠性。它通常用于衡量系统在不同负载条件下的响应时间、吞吐量、资源利用率、稳定性和可扩展性等关键指标。 为什么要进行性能测试 通过性能测试，可以确定系统是否能够满足预期的性能要求，找出性能瓶颈和潜在的问题，并进行优化和调整。 发现性能瓶颈：性能测试可以帮助发现系统的性能瓶颈，即系统在高负载或高并发情况下可能出现的问题
阅读更多...
水位雨量在线监测系统概述及应用介绍

水位雨量在线监测系统概述及应用介绍

在当今社会，随着科技的飞速发展，各种智能监测系统已成为保障公共安全、促进资源管理和环境保护的重要工具。其中，水位雨量在线监测系统作为自然灾害预警、水资源管理及水利工程运行的关键技术，其重要性不言而喻。 一、水位雨量在线监测系统的基本原理 水位雨量在线监测系统主要由数据采集单元、数据传输网络、数据处理中心及用户终端四大部分构成，形成了一个完整的闭环系统。 数据采集单元：这是系统的“眼睛”，
阅读更多...
Hadoop数据压缩使用介绍

Hadoop数据压缩使用介绍

一、压缩原则 （1）运算密集型的Job，少用压缩 （2）IO密集型的Job，多用压缩 二、压缩算法比较 三、压缩位置选择 四、压缩参数配置 1）为了支持多种压缩/解压缩算法，Hadoop引入了编码/解码器 2）要在Hadoop中启用压缩，可以配置如下参数
阅读更多...
图神经网络模型介绍（1）

图神经网络模型介绍（1）

我们将图神经网络分为基于谱域的模型和基于空域的模型，并按照发展顺序详解每个类别中的重要模型。 1.1基于谱域的图神经网络         谱域上的图卷积在图学习迈向深度学习的发展历程中起到了关键的作用。本节主要介绍三个具有代表性的谱域图神经网络：谱图卷积网络、切比雪夫网络和图卷积网络。 （1）谱图卷积网络 卷积定理：函数卷积的傅里叶变换是函数傅里叶变换的乘积，即F{f*g}
阅读更多...
C++——stack、queue的实现及deque的介绍

C++——stack、queue的实现及deque的介绍

目录 1.stack与queue的实现 1.1stack的实现  1.2 queue的实现 2.重温vector、list、stack、queue的介绍 2.1 STL标准库中stack和queue的底层结构  3.deque的简单介绍 3.1为什么选择deque作为stack和queue的底层默认容器  3.2 STL中对stack与queue的模拟实现 ①stack模拟实现
阅读更多...
沁恒CH32在MounRiver Studio上环境配置以及使用详细教程

沁恒CH32在MounRiver Studio上环境配置以及使用详细教程

目录 1.  RISC-V简介 2.  CPU架构现状 3.  MounRiver Studio软件下载 4.  MounRiver Studio软件安装 5.  MounRiver Studio软件介绍 6.  创建工程 7.  编译代码 1.  RISC-V简介         RISC就是精简指令集计算机（Reduced Instruction SetCom
阅读更多...
Mysql BLOB类型介绍

Mysql BLOB类型介绍

BLOB类型的字段用于存储二进制数据 在MySQL中，BLOB类型，包括：TinyBlob、Blob、MediumBlob、LongBlob，这几个类型之间的唯一区别是在存储的大小不同。 TinyBlob 最大 255 Blob 最大 65K MediumBlob 最大 16M LongBlob 最大 4G
阅读更多...
arduino ide安装详细步骤

arduino ide安装详细步骤

​ 大家好，我是程序员小羊！ 前言： Arduino IDE 是一个专为编程 Arduino 微控制器设计的集成开发环境，使用起来非常方便。下面将介绍如何在不同平台上安装 Arduino IDE 的详细步骤，包括 Windows、Mac 和 Linux 系统。 一、在 Windows 上安装 Arduino IDE 1. 下载 Arduino IDE 打开 Arduino 官网
阅读更多...
GPT系列之：GPT-1，GPT-2，GPT-3详细解读

GPT系列之：GPT-1，GPT-2，GPT-3详细解读

一、GPT1 论文：Improving Language Understanding by Generative Pre-Training 链接：https://cdn.openai.com/research-covers/languageunsupervised/language_understanding_paper.pdf 启发点：生成loss和微调loss同时作用，让下游任务来适应预训
阅读更多...

Copyright China编程 23002807@qq.com

沪ICP备2023033072号-2