构建移动应用程序

注意

Adobe建议对需要基于单页应用程序框架的客户端渲染（例如React）的项目使用SPA编辑器。了解更多。

构建应用程序以安装到设备或模拟器以进行测试或发布到应用商店。您可以使用PhoneGap命令行界面在本地构建应用程序，或使用PhoneGap Build在云中构建应用程序。

此处提供了有关如何使用GitHub中提供的代码构建移动应用程序的完整分步文章。

将应用程序移动到发布实例

将应用程序文件移动到发布实例，以便您能够为移动设备应用程序的已安装实例提供内容更新，并使用发布的内容构建应用程序。应用程序由存储库中的两个节点分支组成：

/content/phonegap/apps/<application name>:作者创建和激活的网页。
/content/phonegap/content/<application name>:应用程序配置文件和内容同步配置。

注意

如果不将应用程序文件移动到发布实例，内容作者将无法更新内容同步缓存。

您只需将/content/phonegap/content/<application name>分支中的文件移动到发布实例即可。当作者激活页面时，将移动/content/phonegap/apps/<application name>分支中的文件。

AEM提供了两种将批量内容移动到发布实例的方法：

使用复制控制台上的激活树命令。
创建包含内容的包并复制该包。

例如，将创建名为phonegapapp的移动应用程序。必须将以下节点移动到发布实例：/content/phonegap/content/phonegapp。

提示： 要将包从创作实例移动到发布实例，请对包使用“复制”命令。

chlimage_1-16

使用PhoneGap命令行接口构建

使用PhoneGap命令行界面(CLI)在计算机上编译PhoneGap应用程序。要将AEM内容包含到您的应用程序中，AEM会创建一个ZIP文件，其中包含移动应用程序内容、内容同步配置和其他必需资产。下载ZIP文件并将其包含在内部版本中。

准备构建环境

要使用PhoneGap CLI进行构建，您需要安装Node.js和PhoneGap客户端实用程序。您需要Internet连接才能执行以下过程。

下载并安装Node.js。

打开终端或命令提示符，然后输入以下节点命令以安装PhoneGap实用程序：

npm install -g phonegap

在Unix或Linux系统上，可能需要为命令添加sudo前缀。

终端显示一系列HTTPGET命令的结果。安装成功后，终端会显示库的安装位置，如下例所示：

/usr/local/bin/phonegap -> /usr/local/lib/node_modules/phonegap/bin/phonegap.js
phonegap@3.3.0-0.19.6 /usr/local/lib/node_modules/phonegap
├── pluralize@0.0.4
├── colors@0.6.0-1
├── semver@1.1.0
├── qrcode-terminal@0.9.4
├── shelljs@0.1.4
├── optimist@0.6.0 (...)
├── prompt@0.2.11 (...)
├── phonegap-build@0.8.4 (...)
├── connect-phonegap@0.8.1 (...)
└── cordova@3.3.0-0.1.1 (...)

（可选）获取您定位的移动平台的SDK:
- 要为iOS平台构建应用程序，请安装最新版本的Xcode。
- 要构建Android应用程序，请安装Android SDK。

下载内容ZIP文件

将移动应用程序的内容移动到文件系统。

在“移动设备应用程序”页面上，选择您的应用程序。
（可选）要构建应用程序以完成安装，请在工具栏中单击或点按清除缓存图标。

注意

缓存中包含已安装应用程序的内容更新。清除缓存会撤消所有缓存的更新。
在工具栏中，单击或点按下载CLI资产图标。
保存ZIP文件后，单击成功对话框中的关闭。
解压缩ZIP文件的内容。

使用PhoneGap CLI构建

使用PhoneGap CLI编译和安装应用程序。有关如何使用PhoneGap CLI的信息，请参阅PhoneGap 命令行界面文档。

打开终端或命令提示符，并将当前目录更改为下载的应用程序ZIP文件。例如，以下内容会将目录更改为ng-app-cli.1392137825303.zip文件：
```
cd ~/Downloads/ng-app-cli.1392137825303
```
输入所定向平台的phonegap命令。例如，以下命令构建适用于Android的应用程序：
```
phonegap build android
```

使用PhoneGap Build构建

使用PhoneGap云服务构建您的应用程序。要执行此过程，必须先创建PhoneGap Build配置。

正在连接到 PhoneGap Build

创建PhoneGap Build配置，以便您能够从AEM中使用PhoneGap Build服务。提供用于构建移动应用程序的PhoneGap Build帐户的用户名和密码。

打开“工具”页面。 (http://localhost:4502/tools.html)。
在“CQ操作”区域，单击Cloud Services。
单击立即配置链接以获取PhoneGap Build。
在创建配置对话框中，为标题属性键入一个值。默认情况下，Name属性的值是从标题派生的，但您可以输入名称。单击创建。
在“PhoneGap Build配置”对话框中，键入您的PhoneGap Build用户名和密码，然后单击“确定”。

使用PhoneGap Build

将您的应用程序资源发送到PhoneGap Build，以便为各种移动平台进行编译。

在“移动设备应用程序”页面上，打开您的移动设备应用程序。 (http://localhost:4502/mobile.html/content/phonegap)
（可选）要构建应用程序以完成安装，请选择应用程序，然后单击清除缓存图标。

注意

缓存中包含已安装应用程序的内容更新。清除缓存会撤消所有缓存的更新。
选择启动页面，然后单击“生成远程”图标。

注意： 测试版AEM测试版在成功完成内部版本后不会创建收件箱通知。
在成功对话框中，单击PhoneGap Build以打开位于https://build.phonegap.com/apps的Adobe PhoneGap Build页面。如果您正在等待应用程序显示，则可以检查PhoneGap Build状态页面。

有关安装内部版本的信息，请参阅PhoneGap Build文档。

注意

免费PhoneGap Build帐户允许使用一个专用应用程序。如果您要构建其他私有应用程序，则PhoneGap生成会失败。