在云计算时代，我们可使用云端服务来打包，以节约时间和增强效率。在线的HTML打包App有两个主要工具，分别是Phonegap和Cordova，它们都由Apache软件基金会开源。接下来将Phonegap和Cordova及其用法。
1. Phonegap简介
Phonegap最初是一款开源的HTML5应用程序开发平台，由Phonegap公司推出。该公司是在2009年推出，现在隶属于Adobe体系中。今天，Phonegap被广泛部署在世界各地，尤其是在移动应用开发领域。
Phonegap对多种平台的支持是很强的，全面覆盖了安卓、iPhone、BlackBerry、Windows Mobile以及Palm等多种移动设备操作系统。利用Phonegap，开发者可以使用HTML, CSS, JavaScript来构建强大的跨平台移动应用程序。同时，Phonegap自带调试和打包的工具，这让开发者能够轻松地打包他们的应用程序，而不需要细致地去研究多种平台特有的细节。
2. Cordova简介
Cordova是一个由基于HTML、CSS、JavaScript的移动应用开发框架，其目的是为了使Web技术开发人员，具有把它技术转移到不同的移动操作系统的能力。Cordova提供一组原生的开发API，供开发者使用。这些原生API允许开发者的HTML、CSS和JavaScript代码与设备进行交互。
Cordova是Apache软件基金会的开源项目之一，它是一个包括许多模块的框架，可以方便地将代码打包为本地应用程序。Cordova是跨平台的，这么说来，开发者可以使用单一的代码库来构建应用程序，不管是专为iOS还是安卓。
3. 在线HTML打包app的工作原理
在线HTML打包App的主要工作原理是将HTML、CSS和JS代码打包成一个native APP，并覆盖原生API，这个native APP能够无缝地运行在各种移动设备中。如图1所示，理解其工作的主要流程。
图1 在线HTML打包App的工作原理
4. 使用Phonegap和Cordova打包App的具体步骤
4.1 准备工作
在打包App之前，需要准备以下工作
（1）获取相关的系统环境配置；
（2）下载正确的Phonegap或Cordova；
（3）确认相应平台的系统特征；
（4）准备好Web应用程序相关的所有文件。
4.2 配置
Phonegap和Cordova都有相应的配置文档，这里以Cordova为例进行介绍。在Cordova中，可以借助config.xml来设置应用程序的基本信息，包括App ID、应用程序的名称、版本等。
4.3 开始打包
在进行打包之前，可以先使用Cordova提供的命令行工具安装各种插件（如设备插件、应用程序生命周期插件、文件插件等）和平台，具体命令为
```
cordova plugin add “org.apache.cordova.device”
cordova plugin add “org.apache.cordova.file”
cordova platform add ios
```
使用上述命令后，就可以进行打包操作了。具体命令为
```
$ cordova plugin add cordova-plugin-crop # 添加插件
$ cordova platform add 安卓 # 必须添加一个平台
$ cordova build 安卓 # 编译安卓平台的APP
$ cordova build ios # 编译iOS平台的APP
$ cordova build browser #在浏览器中测试
```
4.4 测试并签名
测试和签名是打包之后的重要步骤。测试是确保应用程序在各个平台上可以正常运行，签名是为了验证应用程序的可信性并部署到相应的应用市场上。
5. 总结
在线HTML打包App是一种非常方便的移动应用开发方法，它能让开发者使用Web技术来构建移动应用程序，同时能够快速地进行应用程序打包。Phonegap和Cordova是目前比较流行的在线HTML打包App工具，它们能够帮助开发者快速地搭建开发环境、实现跨平台移动应用程序开发。