文档中心>腾讯云微搭低代码>实践教程>小程序场景实践指南>如何在微搭修改小程序全局配置文件

如何在微搭修改小程序全局配置文件

最近更新时间:2024-03-25 15:16:11

我的收藏

全局配置

在小程序开发中,小程序全局配置文件决定页面文件的路径、窗口表现、设置网络超时时间、设置多 tab 等,小程序完整配置项说明请参见 小程序全局配置
本篇文档主要介绍在微搭中搭建的小程序如何修改全局配置。

支持情况

目前微搭支持对小程序的全局配置 window 属性如下(全局配置 window 属性主要用于设置小程序的状态栏、导航条、标题、窗口背景色),可在编辑器右侧属性面板直接配置,其他 window 属性需手动配置。




实现方式

由于进入应用的通道不同,目前微搭提供了三种修改小程序全局配置文件的方式。本次实践将以小程序全局配置项 tabBar 属性进行案例展示。
tabBar 配置项说明:
如果小程序是一个多 tab 应用(客户端窗口的底部或顶部有 tab 栏可以切换页面),可以通过 tabBar 配置项指定 tab 栏的表现,以及 tab 切换时显示的对应页面。
1. 在云侧(浏览器端)代码编辑器中编写配置文件。
1.1 在编辑器界面,单击代码编辑器,前往编辑器代码模块界面。



1.2 在代码模块界面,选择 mp_config 文件。



1.3 mp_config 文件代码编写小程序全局配置属性 tabBar 示例。



1.4 保存 mp_config 文件,在编辑器界面发布应用,预览真机效果,可以看到在页面底部出现了可以切换页面的 tab 栏。



1.5 其他说明。
注意:
mp_config 文件里关于小程序全局的配置 ,编辑器界面不会进行模拟展示,需发布应用,在真机环境下浏览效果。



2. 在编辑器中唤起微信 IDE 预览模式,在 IDE 侧修改全局配置文件。
2.1 在编辑器界面调用小程序微信 IDE 预览模式。



说明:
微搭编辑器中的预览主要是 web 应用的预览。如果要进行小程序应用预览,可以使用 微信开发工具预览功能
微信开发工具预览功能,是指在构建出小程序应用,并本地调起微信开发者工具,实时预览小程序的功能。在微搭编辑器编辑了应用之后,点击微信开发工具预览,会同步应用功能到本地微信开发者工具
2.2 在微信 IDE 中修改全局配置文件 app.json



注意:
每一个小程序页面也可以使用同名 .json 文件来对本页面的全局表现进行配置,页面中配置项会覆盖 app.json 相同的配置项。



3. 通过微信 IDE 云模板创建小程序应用,在 IDE 侧修改配置文件。
3.1 在微信 IDE 入口,选择云模板,创建应用。



3.2 在应用中修改 mp_config 配置文件,类似方法一。



3.3 微信 IDE 配置文件效果预览。