一个 QAP 项目的结构,可以简单分为:
├── _output │ └── content.zip //对build目录进行的zip压缩 ├── qap.config.js //与调试及打包相关的最小化配置文件 ├── package.json //项目依赖说明 ├── qap.json //qap应用配置文件 ├── src //源码目录 │ ├── components // 跨页面可复用的组件 │ │ └── label │ ├── pages //页面集 │ │ └── index // 首页 │ └── util //跨页面使用到的util方法 └── template.html //qap应用在打包时将根据此模板生成降级页面
src 目录是开发阶段的工程目录,其中, pages
文件夹用于放页面入口文件, components
文件夹用于放通用模块
├── src │?? ├── pages │?? │?? ├── index // 页面文件夹 | | | ├── index.jsx // index 页面入口文件 | | | ├── container.jsx // 真正的布局入口 │?? │?? | └── container.less // 样式文件 │?? │?? └── order-detail | | | ├── index.jsx | | | ├── container.jsx │?? │?? | └── container.less │?? ├── components // 共用组件集合 │?? │?? └── mybutton │?? │?? ├── index.jsx │?? │?? └── index.less │?? └── util // 工具类 │?? ├── apimap.js │?? ├── index.js │?? └── request │?? └── fetch.js
qap.json 功能比较强大,他的内容涉及到页面能力和服务器下发规则。具体 qap.json 文件各个字段内容的解释可以参考 qap.json
template.html 是降级使用的模板文件。由于 qap 应用跨三端的特性,在应用需要降级的时候(客户端版本太旧等情况),需要使用的 qap 应用的降级 H5 .开发者只需关心关心构建后的降级 H5 ,一般不需要关心此模板文件。