微信小程序项目组成

微信小程序项目组成

1项目结构

pages：用来存放所有小程序的页面
utils：用来存放工具性质的模块
app.js：小程序项目的入口文件
app.json：小程序项目的全局配置文件
app.wxss：小程序项目的全局样式文件
project.config.json：项目的配置文件
sitemap.json：用来配置小程序及其页面是否允许被微信索引

2小程序页面的组成部分

微信小程序官方建议把小程序的页面都存放在pages目录下，以单独的文件夹存放
每个页面由4个文件组成：

• .js：页面的脚本文件，存放页面的数据，事件处理函数等
• .json：当前页面的配置文件，配置窗口的外观、表现等
• .wxml：页面的模板结构文件
• .wxss：当前页面的样式表文件

3json配置文件

json是一种数据格式，实际开发过程中，总是以配置文件的形式存在。
小程序项目中有4种json配置文件：

• 项目根目录中的app.json配置文件
• 项目根目录中的project.config.json配置文件
• 项目根目录中的sitemap.json配置文件
• 每个页面文件夹中的.json配置文件

3.1项目根目录中的app.json配置文件

app.json，是当前小程序的全局配置文件，包括了小程序的所有页面路径、窗口外观、界面表现、底部tab等

默认情况下，app.json有4个配置项，其作用为：

• pages：用来记录当前小程序所有的页面路径
• window：全局定义小程序的所有背景色、文字颜色等
• style：全局定义小程序所使用的样式版本， "style": "v2" v2代表使用全新的样式，可将此行删除，则变成使用老版本的样式
• sitemapLocation：用来指明sitemap.json的位置

3.2项目根目录中的project.config.json配置文件

project.config.json，用来记录对小程序开发工具所做的个性化配置

• settings：编译相关的配置
• appid：小程序的AppID
• projectname：项目名称，非小程序名称

3.3项目根目录中的sitemap.json配置文件

微信现已开放在小程序内搜索，效果类似PC网页的SEO。sitemap.json用来配置小程序页面是否允许微信索引
当开发者允许微信索引时，微信会通过爬虫的形式，为小程序的页面内容建立索引。当用户的搜索关键字和页面的索引匹配成功的时候，小程序的页面将可能展示在搜索结果中。

• rules：索引规则
• action：allow，允许索引；disallow，不允许被索引
• page：*，所有页面都允许索引/不允许索引

sitemap的索引提示是默认开启的，可在console中看见
如想要关闭，可将project.config.json文件setting设置中"checkSiteMap": true的值改为false

3.4每个页面文件夹中的.json配置文件

小程序中的每一个页面，可以通过.json文件来对本页面的窗口外观进行配置，页面中的配置项优先级高于app.json的window中的相同配置项。