# 搭建工程

GMU为开发者提供了小程序H5JSNative三种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_AndroidLIGHT_LICENSE_iOS是移动客户端接入GMU-APP开发平台服务的准入文件,能保证客户端安全接入平台服务。移动客户端只能通过统一认证LICENSE文件,接入GMU-APP开发平台提供的诸如离线包、版本更新、平台反馈、平台公告等服务。LICENSE文件需要从平台下载,详细流程可参考下载LICENSE章节;
  • view为APP业务页面目录,使用配置化的方式开发APP时,可以忽略此目录;
    • index.vue为示例业务页面文件;
  • app.js为工程的逻辑入口文件,代表了全局的通用的逻辑;
  • index.html为工程的入口文件,其中包含当前工程的资源依赖和视图定义,使用配置化的方式开发APP时,可以忽略此文件;
  • project.json为工程的配置信息文件,您可以在此配置大部分的参数;

# 编译构建

完成工程创建及基本配置后可通过如下命令进行应用配置包的构建,详细构建参数说明可参考工程编译构建章节:

$ light release -p