Wafer 开源项目安装与使用教程

Wafer 开源项目安装与使用教程

wafer Wafer - 快速构建具备弹性能力的微信小程序 项目地址: https://gitcode.com/gh_mirrors/wa/wafer

1. 项目的目录结构及介绍

Wafer 是一个由腾讯云提供的小程序云开发解决方案。以下是项目的目录结构及各部分功能的简要介绍：

wafer/
├── app.js              # 小程序逻辑
├── app.json            # 小程序公共设置
├── app.wxss            # 小程序公共样式表
├── cloudfunctions/     # 云函数目录
│   ├── common/         # 公共模块目录
│   ├── index.js        # 云函数入口文件
│   └── ...
├── miniprogram/        # 小程序源码目录
│   ├── pages/          # 小程序页面文件目录
│   │   ├── index/      # 首页目录
│   │   │   ├── index.js       # 首页逻辑
│   │   │   ├── index.json     # 首页配置
│   │   │   ├── index.wxml     # 首页结构
│   │   │   └── index.wxss     # 首页样式
│   │   └── ...
│   ├── utils/          # 工具函数目录
│   └── ...
├── project.config.json # 项目配置文件
└── ...

• app.js：小程序逻辑。
• app.json：小程序公共设置。
• app.wxss：小程序公共样式表。
• cloudfunctions：云函数目录，包含小程序后端逻辑。
• miniprogram：小程序源码目录，包含所有页面和组件。
• project.config.json：项目配置文件。

2. 项目的启动文件介绍

项目的启动文件主要包括以下几个部分：

• app.js：小程序的入口文件，用于注册小程序实例并定义全局变量和数据。
• app.json：小程序的全局配置文件，可以配置小程序的一些生命周期函数、页面组成等。
• app.wxss：小程序的全局样式表，用于设置全局样式。

在开发工具中，直接打开项目根目录，会自动加载 app.js 和 app.json 文件，从而启动小程序。

3. 项目的配置文件介绍

项目的配置文件是 project.config.json，它包含了项目的配置信息。以下是配置文件的一些常见配置项：

• miniprogramRoot：指定小程序源码目录。
• appid：小程序的 AppID，用于标识小程序。
• projectname：项目名称，显示在开发工具的项目列表中。
• setting：配置编译相关的选项，如是否启用ES6转ES5、是否开启代码压缩等。
• compileType：编译模式，如普通编译、自定义编译等。

配置文件的具体内容如下：

{
  "miniprogramRoot": "miniprogram/",
  "appid": "你的小程序 AppID",
  "projectname": "Wafer",
  "setting": {
    "urlCheck": false,
    "es6": true,
    "postcss": true,
    "minified": true,
    "newFeature": true
  },
  "compileType": "miniprogram"
}

确保在 project.config.json 中正确配置了 appid 和其他必要信息，才能正常启动和运行小程序。

wafer Wafer - 快速构建具备弹性能力的微信小程序 项目地址: https://gitcode.com/gh_mirrors/wa/wafer