Show Menu
主题×

构建移动应用程序

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/phonegapapp.
​提示:要将包从作者实例移动到发布实例,请对包使用“复制”命令。

使用PhoneGap命令行界面构建

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

准备构建环境

要使用PhoneGap CLI进行构建,您需要安装Node.js和PhoneGap客户端实用程序。 您需要Internet连接才能执行以下过程。
  1. 下载并安装 Node.js
  2. 打开终端或命令提示符,然后输入以下节点命令以安装PhoneGap实用程序:
    npm install -g phonegap
    
    
    在Unix或Linux系统上,您可能需要在命令前加上前缀 sudo
    终端显示一系列HTTP GET命令的结果。 安装成功后,终端会显示库的安装位置,如下例所示:
    /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 (...)
    
    
  3. (可选)获取您所针对的移动平台的SDK:
    • 要构建适用于iOS平台的应用程序,请安装最新版 Xcode
    • 要构建Android应用程序,请安装 Android SDK

下载内容ZIP文件

将移动应用程序的内容移至文件系统。
  1. 在“手机应用程序”页面上,选择您的应用程序。
  2. (可选)要构建应用程序以完成安装,请在工具栏中单击或点按清除缓存图标。
    缓存保存已安装应用程序的内容更新。 清除缓存会使所有缓存的更新都消失。
  3. 在工具栏中,单击或点按下载CLI资产图标。
  4. 保存ZIP文件后,在“成功”对话框上单击“关闭”。
  5. 解压ZIP文件的内容。

使用PhoneGap CLI构建

使用PhoneGap CLI编译和安装应用程序。 有关如何使用PhoneGap CLI的信息,请参阅PhoneGap 命令行界面文档
  1. 打开终端或命令提示符,将当前目录更改为下载的应用程序ZIP文件。 例如,以下内容将目录更改为ng-app-cli.1392137825303.zip文件:
    cd ~/Downloads/ng-app-cli.1392137825303
    
    
  2. 输入要定位的平台的phonegap命令。 例如,以下命令构建适用于Android的应用程序:
    phonegap build android
    
    

使用PhoneGap Build构建

使用PhoneGap云服务构建应用程序。 要执行此过程,必须首先创建PhoneGap build配置。

正在连接到 PhoneGap Build

创建PhoneGap build配置,以便您可以从AEM中使用PhoneGap build服务。 提供PhoneGap build帐户的用户名和密码,您将使用该帐户构建移动应用程序。
  1. 打开“工具”页面。 ( http://localhost:4502/tools.html )。
  2. 在“CQ操作”区域,单击“云服务”。
  3. 单击PhoneGap build的“立即配置”链接。
  4. 在“创建配置”对话框中,为“标题”属性键入一个值。 默认情况下,“名称”属性的值是从标题派生的,但您可以输入名称。 单击创建。
  5. 在“PhoneGap Build配置”对话框中,键入您的PhoneGap build用户名和密码,然后单击“确定”。

使用PhoneGap Build

将您的应用程序资源发送到PhoneGap Build,以便为各种移动平台编译。
  1. 在“移动应用程序”页面上,打开移动应用程序。 ( http://localhost:4502/mobile.html/content/phonegap )
  2. (可选)要构建应用程序以完成安装,请选择该应用程序,然后单击“清除缓存”图标。
    缓存保存已安装应用程序的内容更新。 清除缓存会使所有缓存的更新都消失。
  3. 选择初始页面,然后单击“构建远程”图标。
    ​注意:AEM测试版测试版在构建成功完成时不会创建收件箱通知。
  4. 在“成功”对话框中,单击“PhoneGap Build”以打开Adobe phoneGap build页面,网址为 https://build.phonegap.com/apps 。 如果您正在等待应用程序显示,则可以检查 PhoneGap build状态页
    有关安装内部版本的信息,请参阅 PhoneGap内部版本文档
    免费的PhoneGap Build帐户允许使用一个专用应用程序。 如果要构建其他专用应用程序,PhoneGap构建将失败。

后续步骤

构建过程后的下一步是了解应用 程序的结构