微信小程序 php配置,微信小程序的配置

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

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

"pages": [

"pages/index/index",

"pages/logs/index"

"window": {

"navigationBarTitleText": "Demo"

"tabBar": {

"list": [{

"pagePath": "pages/index/index",

"text": "首页"

}, {

"pagePath": "pages/logs/logs",

"text": "日志"

}]

"networkTimeout": {

"request": 10000,

"downloadFile": 10000

"debug": true

}

配置属性有：

我们讲解了APP的页面配置，window配置，tabBar配置，网络配置等信息

pages

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

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

如开发目录为：

pages/

pages/index/index.wxml

pages/index/index.js

pages/index/index.wxss

pages/logs/logs.wxml

pages/logs/logs.js

app.js

app.json

app.wxss

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

"pages":[

"pages/index/index"

"pages/logs/logs"

]

}

window

用于设置小程序的状态栏、导航条、标题、窗口背景色。相关属性如下：

{

"window":{

"navigationBarBackgroundColor": "#ffffff",

"navigationBarTextStyle": "black",

"navigationBarTitleText": "微信接口功能演示",

"backgroundColor": "#eeeeee",

"backgroundTextStyle": "light"

}

编译后的显示结果如下图所示：

tabBar

如果我们的小程序是一个多 tab 应用(客户端窗口的底部或顶部有 tab 栏可以切换页面)，那么我们可以通过 tabBar 配置项指定 tab 栏的表现，以及 tab 切换时显示的对应页面。

Tip：通过页面跳转(wx.navigateTo)或者页面重定向(wx.redirectTo)所到达的页面，即使它是定义在 tabBar 配置中的页面，也不会显示底部的 tab 栏。

tabBar 是一个数组，只能配置最少2个、最多5个 tab，tab 按数组的顺序排序。

更多微信小程序的配置相关文章请关注PHP中文网！

微信小程序 php配置,微信小程序的配置相关推荐

微信小程序基础1【本页面窗口配置、组件、布局】
视频地址: https://www.bilibili.com/video/BV1cW411T7t6 [2018]学做小程序- 清华大学 https://www.bilibili.com/video/ ...
微信支付宝扫一扫进入小程序的相关配置
需求: 微信小程序和支付宝小程序,用微信和支付宝扫同一个普通二维码,支付宝扫码进入支付宝小程序指定页面,微信扫码进入微信小程序的指定页面. 解决办法: 微信公众平台和支付宝开放平台都有自己的二维码配置 ...
php怎么调试小程序,教你如何配置微信小程序
这篇文章主要介绍了微信小程序教程之小程序配置的相关资料,这里对app.json,pages,window等做了详细介绍,对于初学开发微信小程序的朋友,掌握这些还是比较重要的,需要的朋友可以参考下微 ...
微信小程序开发基础（02模板与配置）
02 模板与配置学习目标能够使用 WXML 模板语法渲染页面结构能够使用 WXSS 样式美化页面结构能够使用 app.json 对小程序进行全局性配置能够使用 page.json 对小程序页 ...
微信小程序----第二天（小程序 - 模板与配置）
一.WXML 模板语法 WXML 模板语法 - 数据绑定 1. 数据绑定的基本原则在 data 中定义数据在 WXML 中使用数据 2. 在 data 中定义页面的数据在页面对应的 .js 文件 ...
Springboot简便的配置微信小程序
Springboot简便的配置微信小程序 ShareNotes 最近在完成一个微信小程序项目,即将上线欢迎star Github–ShareNotes issue 写小程序接口遇到的具体情况通过o ...
配置微信小程序添加企业微信为好友的组件
在企业微信上配置客服人员配置微信小程序后台配置代码使用处: 效果
[原创] HBuildX，微信小程序模拟器报错（如若已在管理后台更新域名配置，请刷新项目配置后重新编译项目）
今天在学习使用uniapp,开发微信小程序时第三方登录时,HBuild编辑器报了一个错误,经过定位分析,确定代码是没有问题的,报错如下如若已在管理后台更新域名配置,请刷新项目配置后重新编译项目经过 ...
配置微信小程序开发分享朋友圈功能
在微信开发者平台上,可以按照以下步骤正确配置分享相关的参数: 登录微信开发者平台在浏览器中访问微信开发者平台(https://mp.weixin.qq.com/),使用微信公众号的管理员账号登录. ...
PHP:【微信小程序】初识微信小程序，微信小程序配置
PHP:[微信小程序]初识微信小程序,微信小程序配置一.介绍小程序提供了一个简单.高效的应用开发框架和丰富的组件及 API,帮助开发者在微信中开发具有原生 APP 体验的服务小程序是一种全新的连 ...

微信小程序 php配置,微信小程序的配置

微信小程序 php配置,微信小程序的配置相关推荐

最新文章

热门文章