← 返回首页
app.json 配置生成
window 配置
页面内容区域
页面路由列表
生成的 app.json
app.json 是小程序的全局配置文件。window 配置影响所有页面的导航栏和窗口样式，也可在单个页面的 .json 文件中覆盖。页面路由列表决定小程序的启动路径。
功能亮点
可视化表单配置
通过表单界面填写导航栏样式、窗口背景色等配置，无需记忆 JSON 字段名和语法结构。
window 配置全覆盖
覆盖导航栏背景色、标题颜色、窗口背景色、下拉 loading 样式等最常用的 window 配置项，并支持下拉刷新开关。
页面路由管理
动态管理 pages 数组中的页面路径列表，自由添加和删除页面，自动维持正确的 JSON 数组格式。
导航栏实时预览
填写配置时同步更新导航栏预览效果，背景色、标题颜色和文字一目了然，所见即所得。
一键生成完整 JSON
自动生成符合微信规范的完整 app.json 代码，支持一键复制，直接粘贴到项目中使用。
使用步骤
- 填写 window 配置——导航栏背景色、标题颜色、标题文字、窗口背景色等
- 管理页面路由列表，添加或删除页面路径，首页为列表第一项
- 观察导航栏实时预览效果，确认配色和标题显示正常
- 复制生成的 app.json 完整配置到你的小程序项目根目录
关于 app.json 配置生成
填写小程序页面、窗口和 TabBar 等配置，生成 app.json。可在提交前检查并复制生成的 JSON。
常见问题
- app.json 中的 window 配置项有哪些常用的？
最常用的 window 配置：
navigationBarTitleText——默认导航栏标题（每个页面可在自己的 .json 中覆盖）；navigationBarBackgroundColor——导航栏背景色（Hex 格式）；navigationBarTextStyle——导航栏文字颜色，只能填"black"或"white"（没有其他颜色！）；backgroundColor——窗口背景色（下拉刷新时可见）；backgroundTextStyle——下拉刷新 loading 样式，只能"dark"或"light"。- pages 数组中的第一条有什么特殊含义？
pages 数组的第一个页面路径是小程序的首页（入口页面）——用户打开小程序时加载的第一个页面。这个页面加载速度直接影响用户对小程序的「第一印象」，建议首页尽量精简、减少初始数据请求量。如果小程序被微信杀死后重新打开，也会回到首页而非之前的页面（除非开启了「保留状态」）。