微信小程序框架中的app.json配置（一）

最新推荐文章于 2025-03-11 19:37:04 发布
转载 最新推荐文章于 2025-03-11 19:37:04 发布 · 205 阅读 · 0 ·
CC 4.0 BY-SA版权
原文链接：https://my.oschina.net/u/2971691/blog/895787
文章标签：

#json #python

本文详细介绍了微信小程序中app.json文件的配置方法及其各项属性的作用。包括如何通过pages属性指定小程序页面路径、window属性设置默认页面样式、tabBar属性定义底部导航栏样式等内容。

2019独角兽企业重金招聘Python工程师标准>>> hot3.png

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

以下是一个包含了所有配置选项的简单配置app.json

006zipb5zy7aWc67esT5f&690

属性

类型

必填

描述

pages

Array

是

设置页面路径

window

Object

否

设置默认页面的窗口表现

tabBar

Object

否

设置底部 tab 的表现

networkTimeout

Object

否

设置网络超时时间

debug

Boolean

否

设置是否开启 debug 模式

app.json 配置项列表

pages

接受一个数组，每一项都是字符串，来指定小程序由哪些页面组成。每一项代表对应页面的【路径+文件名】信息，数组的第一项代表小程序的初始页面。小程序中新增/减少页面，都需要对 pages 数组进行修改。

文件名不需要写文件后缀，因为框架会自动去寻找路径.json,.js,.wxml,.wxss的四个文件进行整合。

如开发目录为：

006zipb5zy7aWc4IHzS3c&690 

则，我们需要在 app.json 中写

006zipb5zy7aWc57daec6&690

转载于:https://my.oschina.net/u/2971691/blog/895787

【微信小程序】page.json配置-pages页面路由
墨夶的博客
11-15 1582
pages数组用于定义小程序的所有页面路径。每个页面路径对应一个页面文件，框架会根据这些路径加载相应的页面。pagespath: 页面的路径。style: 页面的样式配置，可以覆盖全局样式。
【微信小程序】page.json配置-style单页面样式配置
墨夶的博客
11-16 1076
page.json文件是一个 JSON 格式的文件，用于配置单个页面的样式和其他属性。每个页面的page.json文件位于页面文件夹中，文件名固定为page.json。通过这个文件，开发者可以独立地设置每个页面的特定属性，而不影响其他页面。
从0开始学习制作一个微信小程序 学习部分（2）json文件的说明与app.json文件的操作
m0_74475812的博客
04-27 2078
本文是小程序制作系列的学习篇的第二篇 学习篇第一篇我们讲了编译器下载，项目、环境建立、文件说明与简单操作：[第一篇链接](https://blog.csdn.net/m0_74475812/article/details/138244488) 本篇将继续讲解一些基础的编码，分析json文件的作用,着重讲解app.json里可以对小程序进行的切换页面，改变图标等操作。
微信小程序app.js
05-07
微信小程序的app.js，封装了一些常用方法: 获取系统像素信息：get_systemInfo(), 返回上一页并赋值：back()， 检查session_key是否过期：checkSession()， 接口请求：request(), 微信支付：requestPayment(), 应用更新检测提示
微信小程序：开发入门之配置文件（app.json）（二）
01-03
继《微信小程序：开发入门之配置文件（app.json）（一）》讲了配置文件（app.json）中的pages和windows配置，今天来为大家接着整理一下abBar、networkTimeout、debug配置 tabBar配置 当程序顶部或底部需要菜单栏时，我们可以通过配置tabBar快速实现，tabBar是个非必填项目。可配置属性如下： color：tab上的文字默认颜色，值为HexColor（十六进制颜色值），必填项。 selectedColor：tab上的文字选中时的颜色，值为HexColor（十六进制颜色值），必填项。 backgroundColor：tab的背景色，值为HexCol
微信小程序 app.json 配置
weixin_34033624的博客
01-10 348
我们使用app.json文件来对微信小程序进行全局配置，决定页面文件的路径、窗口表现、设置网络超时时间、设置多 tab 等。 以下是一个包含了所有配置选项的简单配置app.json： { "pages": [ "pages/index/index", "pages/logs/index" ], "window": { "navigation...
微信小程序 app.json
喜欢文学的程序员
03-01 499
为了和上文做个联系与区别，app.json是对微信小程序进行全局配置。 主要参数 pages //页面路径列表 window //全局的默认窗口表现 tabBar ...
微信小程序全局配置详解： 示例介绍与app.json 文件解读
前端基地
02-25 550
本文聚焦小程序全局配置相关内容。先通过示例直观展示，让读者初步了解其应用场景和基本效果。接着深入介绍 app.json 文件，作为小程序全局配置的关键文件，阐述它如何对页面、窗口等多项内容进行设置，构建小程序的基础框架 。
【微信小程序】manifest.json配置-配置微信小程序AppId
墨夶的博客
11-17 1980
AppID 是微信小程序的唯一标识符，用于唯一标识一个小程序。注册微信小程序账号访问微信公众平台（https://mp.weixin.qq.com/）并注册一个小程序账号。填写相关信息，如邮箱、手机号、验证码等。完成邮箱验证和实名认证。获取 AppID注册完成后，登录微信公众平台。进入“开发” -> “开发设置”页面。在“开发者ID”一栏中找到并复制你的 AppID。文件是 uni-app 项目的配置文件，用于指定应用的名称、图标、启动页面等基本信息。
微信小程序app.json全局配置
qq_44154912的博客
12-25 1028
微信小程序app.json全局配置app.json文件 由于毕业设计是微信小程序,所以最近开始学习小程序,现在记录一下自己的学习心得 项目文件目录 image pages #存放页面 cook #cook页面 cook.js #cook页面的JavaScript文件 cook.json #cook页面的json配置文件 cook.wxml #cook页面的页面文件,类似于html cook.wxss
微信小程序 --- app.js文件
weixin_34362875的博客
03-01 383
app.js文件是项目的入口文件： //app.js App({ onLaunch: function () { // 展示本地存储能力 var logs = wx.getStorageSync('logs') || [] logs.unshift(Date.now()) wx.setStorageSync('logs', logs) ...
微信小程序app.json配置
cxu123321的博客
03-09 768
微信小程序app.json配置 app.json文件用来对微信小程序进行全局配置，决定页面文件的路径、窗口表现、设置网络超时时间、设置多 tab 等。 以下是一个包含了所有配置选项的简单配置app.json： { "pages": [ "pages/index/index", "pages/logs/index" ], "window": { "nav...
微信小程序 app.js（2）
weixin_34248023的博客
01-24 156
2019独角兽企业重金招聘Python工程师标准>>> ...
微信小程序中的app文件介绍
weixin_30535565的博客
07-04 217
【app】 一、app.json 1.对当前小程序的全局配置 2.页面路径、界面表现、网络超时时间、底部 tab 等 { "pages":[ "pages/index/index", "pages/logs/logs" ], "window":{ "backgroundTextStyle":"light", "navigationB...
微信小程序中的app.js-清除缓存
weixin_30463341的博客
12-04 204
微信小程序中的app.js 关于小程序app.js生命周期的介绍 App(Object) App() 函数用来注册一个小程序。接受一个 Object 参数，其指定小程序的生命周期回调等。 App() 必须在 app.js 中调用，必须调用且只能调用一次。不然会出现无法预期的后果。 onLaunch 生命周期回调—监听小程序初始化 小程序初始化完成时（全局只触发一次） onShow 生命周期回调...
微信小程序学习笔记 (小程序主体学习 二 逻辑层 app.js 基础食用方法)
cdhjava的博客
05-20 631
微信小程序学习笔记 (小程序主体学习 二 逻辑层 app.js 基础食用方法) 主体学习
微信小程序app配置指南
weixin_30487317的博客
10-11 100
//app.json页面 { //页面注册，有几个页面都要在pages里面注册 "pages":[ "pages/index/index", "pages/logs/logs", "pages/main/main", "pages/main1/main1", "pages/main2/main2", "pages/main3/main3", ], ...
微信小程序
2401_89519793的博客
03-11 195
app.js文件中用于指定小程序的页面路径列表。数组中的每一项都是一个页面的路径，第一个页面是小程序的首页用于设置小程序的状态栏、
微信小程序代码 app.json文件详细介绍
原名又逢乱世。不要放下学习的脚步，毕竟比天天打牌、钓鱼、打游戏更能从内在充实自己。
08-30 3157
一个数组，用于配置小程序的页面路径。页面路径是相对于小程序根目录的相对路径。数组中的第一个页面是小程序的首页。每个路径对应一个小程序页面，路径中的文件夹名称不能有大写字母。
如何正确配置微信小程序项目的 app.json 文件？
最新发布
05-23
### 微信小程序 `app.json` 配置指南 #### 基础配置 `app.json` 是微信小程序的全局配置文件，主要用于设置小程序的页面路由、窗口表现以及其他功能特性。以下是常见的配置项及其说明： 1. **入口页面** 使用 `...
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符  | 博主筛选后可见
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值