# 搭建工程
GMU为开发者提供了小程序
、H5
和JSNative
三种APP页面实现技术,同时GMU还为开发者提供了配置化开发APP的方案用于组织上述三种技术实现的业务页面。
开发者可以通过GMU提供的命令行工具(lighting
)创建APP工程并在工程中对APP进行配置,完成配置后可再通过lighting
工具编译构建用于APP集成的应用配置包。
本章节将介绍如何通过lighting
工具完成一个APP工程的开发:
# 工具安装
# 命令行工具
lighting
工具是GMU为开发者提供的用于GMU-APP开发的命令行工具,若本地已安装了lighting
工具,直接升级至最新版本即可:
$ npm install -g lighting
若本地尚未安装lighting
工具,请参考命令行开发工具章节进行安装。
# 编译插件
lighting
工具支持编译构建流程上的插件扩展,开发者根据需要进行选择性的插件安装,完整插件列表可参考插件管理章节。
APP工程编译流程依赖native
插件,可通过如下命令进行安装:
$ light plugin -a native
# 创建工程
lighting
工具和native
插件安装成功后便可以开始创建APP工程(light create
命令详细说明可参考工程创建章节):
$ light create -t app
# 工程结构
APP工程目录结构如下所示,工程详细配置说明可参考框架章节:
demo
├── native
│ └── res
│ └── icon.png
│ └── launch.png
│ └── config.js
│ └── LIGHT_LICENSE_Android
│ └── LIGHT_LICENSE_iOS
├── view
│ └── index.vue
├── app.js
├── index.html
└── project.json
native
为APP配置目录icon.png
为APP图标图片;launch.png
为APP启动图片;config.js
为APP的配置文件,可以自定义配置logo、启动图、引导图、菜单、导航栏、插件等信息;LIGHT_LICENSE_Android
和LIGHT_LICENSE_iOS
是移动客户端接入GMU-APP开发平台服务的准入文件,能保证客户端安全接入平台服务。移动客户端只能通过统一认证LICENSE文件,接入GMU-APP开发平台提供的诸如离线包、版本更新、平台反馈、平台公告等服务。LICENSE文件需要从平台下载,详细流程可参考下载LICENSE章节;
view
为APP业务页面目录,使用配置化的方式开发APP时,可以忽略此目录;index.vue
为示例业务页面文件;
app.js
为工程的逻辑入口文件,代表了全局的通用的逻辑;index.html
为工程的入口文件,其中包含当前工程的资源依赖和视图定义,使用配置化的方式开发APP时,可以忽略此文件;project.json
为工程的配置信息文件,您可以在此配置大部分的参数;
# 编译构建
完成工程创建及基本配置后可通过如下命令进行应用配置包的构建,详细构建参数说明可参考工程编译构建章节:
$ light release -p