微信小程序全局配置知识点

疫情在家无聊总结一下微信小程序一些基础小知识希望对初学者有帮助。让我们一起对疫情“逆战”吧!

1、全局配置

?程序根?录下的 app.json ?件?来对微信?程序进?全局配置。?件内容为?个JSON 对象

1.1 pages

?于指定?程序由哪些??组成,每?项都对应?个??的 路径(含?件名) 信息。?件名不需要写?件后缀,框架会?动去寻找对于位置的 .json, .js, .wxml,.wxss 四个?件进?处理

有多少个??,此处就应该有多少个选项

数组的第?项代表?程序的初始??(??)。?程序中新增/减少??,都需要对 pages 数组进?修改。

开发?技巧

直接在pages选项中写??路径,即可创建相应的??

1.2 window

?于设置?程序的状态栏、导航条、标题、窗?背景?。具体属性参考微信小程序文档https://developers.weixin.qq.com/miniprogram/dev/framework/

1.3 tabBar

如果?程序是?个多 tab 应?(客户端窗?的底部或顶部有 tab 栏可以切换??),可以通过 tabBar 配置项指定 tab 栏的表现,以及 tab 切换时显示的对应??。具体属性同上

1.3.1 准备底部选项卡

1. icon字体图标 在 iconfont字体图标库(https://www.iconfont.cn/) 中选择需要的图标,然后选择下载

2. 项??录下创建resource?件夹,将图?放置进去

3. app.json中配置底部选项卡

调整??为第?个?? --- 初始化??

1.4 networkTimeout

各类?络请求的超时时间,单位均为毫秒。

1.5 debug

可以在开发者?具中开启 debug 模式,在开发者?具的控制台?板,调试信息以

info 的形式给出,其信息有 Page 的注册,??路由,数据更新,事件触发等。可

以帮助开发者快速定位?些常?的问题

1.6 functionalPages

插件所有者?程序需要设置这?项来启?插件功能?

1.7 permission

?程序接?权限相关设置。字段类型为 Object,结构为:

代码如下

效果

1.8 sitemapLocation

指明 sitemap.json 的位置;默认为 ‘sitemap.json‘ 即在 app.json 同级?录下名字的

sitemap.json ?件

1.9 navigateToMiniProgramAppIdList

当?程序需要使? wx.navigateToMiniProgram 接?跳转到其他?程序时,需要先在

配置?件中声明需要跳转的?程序 appId 列表,最多允许填写 10 个。

好了关于微信小程序全局配置我就知道这些了,希望能帮助到大家!!!

原文地址:https://www.cnblogs.com/xpf302/p/12343547.html

时间: 2024-12-11 11:50:09

微信小程序全局配置知识点的相关文章

微信小程序的配置详解

1.配置详解: 使用app.json文件来对微信小程序进行全局配置,决定页面文件的路径.窗口表现.设置网络超时时间.设置多 tab 等. 1>pages 接受一个数组,每一项都是字符串,来指定小程序由哪些页面组成.每一项代表对应页面的[路径+文件名]信息,数组的第一项代表小程序的初始页面.小程序中新增/减少页面,都需要对 pages 数组进行修改. 文件名不需要写文件后缀,因为框架会自动去寻找路径.json,.js,.wxml,.wxss的四个文件进行整合. 2>window 用于设置小程序的

vscode 开发微信小程序环境配置

插件 minapp 微信小程序标签.属性的智能补全(同时支持原生小程序.mpvue 和 wepy 框架,并提供 snippets) wechat-snippet 微信小程序代码辅助,代码片段自动完成 wepy snippets 微信小程序wepy框架,weui框架代码片段 文件解析语言类型设置 wxml 通过 html 进行解析,setting.json中添加 "html.validate.styles": false(禁止内联样式报错) wxs 直接设置 JavaScript 作为解

微信小程序app配置指南

//app.json页面 { //页面注册,有几个页面都要在pages里面注册 "pages":[ "pages/index/index", "pages/logs/logs", "pages/main/main", "pages/main1/main1", "pages/main2/main2", "pages/main3/main3", ], //上导航配置及ap

微信小程序 json 配置

页面级别配置 优先级 高于 全局配置. 具体配置项:https://developers.weixin.qq.com/miniprogram/dev/framework/config.html 全局配置 app.json 1.pages:配置的第一个页面是 程序默认展示的页面(程序入口页).2.window: a. navigationBarBackgroundColor : 导航栏背景颜色. b. navigationBarTextStyle : 导航栏标题颜色,仅支持 black/white

微信小程序项目 配置开发环境及全面了解小程序

一.下载开发工具 https://mp.weixin.qq.com/debug/wxadoc/dev/devtools/download.html 二.全面了解小程序 1.根据官方提供的简易教程了解小程序 https://mp.weixin.qq.com/debug/wxadoc/dev/ 2.了解小程序框架 https://mp.weixin.qq.com/debug/wxadoc/dev/framework/MINA.html 3.了解小程序组件 https://mp.weixin.qq.c

微信小程序(基本知识点)

创建页面的两种方式: 1.通过创建文件夹的方式创建(.wxml/.wxss/.json/.js/) 2.在app.json的"pages": []中添加路径"pages/news/news",并保存,会自动生成(推荐) 如下: "pages": [ "pages/news/news", "pages/index/index", "pages/logs/logs" ], 第一节总结: .j

百度小程序全局配置

配置界面,路径 可以通过配置app.json文件,设置SWAN的界面,路径,多TAB等. app.json配置项列表如下: 属性 类型 必填 描述 网页 {String,Array} 是 设置页面路径 窗口 目的 否 设置页面展现 示例: { "pages": [ "pages/index/index", "pages/detail/detail" ], "window": { "navigationBarTitle

通过新浪云部署Node.js微信小程序商城(不用买域名、不用备案、不用配置https)

本文档为微信小程序商城NideShop项目的安装部署教程(GitHub),欢迎star 一.购买新浪云SAE 为什么选择SAE?免费二级域名和支持https访问,不用备案,可用做微信小程序服务器. SAE推荐链接:http://sae.sina.com.cn/ 选择对应的部署环境自定义 -> 开发言语:自定义 -> 运行环境:云容器 -> 语言版本:自定义 -> 部署方式:手工部署 -> 环境配置:选择第一项(测试选最低配置即可) -> 实例个数:1(测试用选择1个即可

小程序点击跳转外部链接 微信小程序提示:不支持打开非业务域名怎么办 使用web-view 配置业务域名

小程序点击跳转外部页面 1.index.wxml  添加点击事件   标签可以是小程序支持的 <!-- 邀请好友 --> <cover-image src='/img/invitation.png' class='img-invitation' bindtap='invitation'></cover-image> 2.index.js   添加事件 invitation: function () { var that = this; wx.showModal({ ti