小程序结构目录及配置文件
- 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。
⼩程序结构⽬录及配置⽂件⼩程序结构⽬录
⼩程序⽂件结构和传统web对⽐
通过以上对⽐,传统web是三层结构,⽽微信⼩程序是四层结构,多了⼀层配置⽂件。
基本的项⽬⽬录
⼩程序配置问⽂件
⼀个⼩程序应⽤程序会包括最基本的两种配置⽂件:
全局的app.json
页⾯⾃⼰的page.json
注意:配置⽂件中不能出现注释
全局配置 app.json
app.json是当前⼩程序的全局配置,包括了⼩程序的所有页⾯路径、界⾯表现、⽹络超时时间、底部tab等。
下⾯是普通快速启动项⽬⾥边的app.json
参考⽂档:
{
"pages":[
"pages/index/index",
"pages/logs/logs"
],
"window":{
"backgroundTextStyle":"light",
"navigationBarBackgroundColor": "#fff",
"navigationBarTitleText": "Weixin",
"navigationBarTextStyle":"black"
},
"style": "v2",
"sitemapLocation": "sitemap.json"
}
page字段:⽤于描述当前⼩程序所有页⾯路径
这是为了让微信客户端知道当前你的⼩程序页⾯定义在那个⽬录
路径的最后不⽤添加后缀名,会⾃动补全
如果写的路径没有对应的⽂件夹,会⾃动帮你创建⽂件
window字段:定义⼩程序所有的公共样式
style字段:指定使⽤升级后的weui样式
sitemapLocation字段:指明 sitemap.json 的位置
页⾯配置
每⼀个⼩程序页⾯也可以使⽤ .json ⽂件来对本页⾯的窗⼝表现进⾏配置。
页⾯中配置项在当前页⾯会覆盖 app.json 的 window 中相同的配置项sitemap配置--了解即可
⼩程序根⽬录下的 sitemap.json ⽂件⽤于配置⼩程序及其页⾯是否允许被微信索引。