使用应用程序控制台创建和编辑应用程序 creating-and-editing-apps-using-the-apps-console

Last update: Mon Dec 04 2023 00:00:00 GMT+0000 (Coordinated Universal Time)

主题：
Mobile

创建对象：

User

NOTE

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

AEM移动应用程序开发过程认识到，拥有不同专业知识的用户对移动应用程序的开发有贡献。以下流程图说明了内容作者和应用程序开发人员执行任务的一般顺序。

chlimage_1-10

有关如何执行营销人员任务的信息将显示在此页面上。有关开发人员任务的信息，请参阅构建PhoneGap应用程序。

移动应用程序的结构 the-structure-of-mobile-applications

AEM Mobile提供了用于创建移动应用程序的Phonegap应用程序Blueprint。 Blueprint定义您创建的应用程序的结构。应用程序包括以下项目：

根页面。
应用程序的语言变体。
语言变体的主页。

Phonegap应用程序的根目录 the-root-of-a-phonegap-app

您在AEM中创建的移动设备应用程序的根页面将显示在“应用程序”控制台中。

根页面存储在创建应用程序时指定的应用程序的“目标路径”属性下（默认路径为/content/phonegap/apps）。页面名称是应用程序的Name属性。例如，站点的根页面的默认URL名为 myphonegapapp 是 http://localhost:4502/content/phonegap/apps/myphonegapapp.html.

chlimage_1-146

PhoneGap应用程序的语言变量 the-language-variation-of-a-phonegap-app

根页面的第一个子页面是应用程序的语言变体。每个页面的名称是为其创建应用程序的语言。例如， English是应用程序的英文变体的名称。

注意： 默认的PhoneGap Blueprint仅创建英语应用程序。您的开发人员可以修改Blueprint，以便创建更多语言变量。

chlimage_1-147

语言页面有两个用途：

页面内容是应用程序语言变体的垃圾页面。
页面属性控制应用程序的多个设计方面，例如用于请求内容更新的URL，以及有关连接到Cloud Build和Adobe Analytics服务集成的信息。

chlimage_1-148

主页 the-home-page

打开应用程序时，将显示应用程序语言变体的Home页或index.html页。主页为用户提供了一个菜单，其中包含指向应用程序中各个页面的链接。段落系统允许您向页面添加组件以创建内容。

创建移动应用程序 creating-a-mobile-application

移动设备应用程序基于定义页面结构和属性的Blueprint。您可以配置以下应用程序属性：

标题： 应用程序标题。
目标路径： 存储库中存储应用程序的位置。保留默认值以根据应用程序名称创建路径。
名称： 默认值为删除了空格字符的Title属性的值。该名称在CQ中用于引用应用程序，例如，表示该应用程序的存储库节点。
描述： 应用程序的描述。
服务器URL： 为应用程序提供Over-the-Air (OTA)内容更新的URL。默认值为用于创建应用程序的实例的发布服务器URL（获取自外部化器服务）。注意，这必须是发布服务器实例，而不是作者，后者需要身份验证。

您还可以提供要用作应用程序缩略图的图像文件，选择要使用的PhoneGap Build配置，然后选择要使用的移动设备应用程序分析配置。此图像仅用作缩略图，以在Experience Manager的移动应用程序控制台中表示您的移动应用程序。

存在用于构建Cloud Service以及将AdobeMobile Services SDK插件集成到应用程序中的其他（和可选）选项卡。

构建：单击管理配置并在此处设置您的build.phonegap.com构建服务。然后，您可以从下拉菜单中选择新创建的PhoneGap Build云服务。
Analytics：单击管理配置并设置您的 AdobeMobile Services SDK 云服务。然后，您可以从下拉菜单中选择新创建的移动服务，以将其集成到移动应用程序中。

NOTE

开发人员可以使用AEM PhoneGap Starter Kit创建应用程序并将它们添加到控制台。

以下过程使用触屏UI创建移动应用程序。

在边栏上，单击应用程序。
单击创建图标。
（可选）在高级选项卡上，提供应用程序的说明，并根据需要更改服务器URL。
（可选）如果要使用PhoneGap Build编译应用程序，请在“生成”选项卡上选择要使用的配置。

要创建PhoneGap Build配置，请单击管理配置。
（可选）如果您使用SiteCatalyst来跟踪应用程序活动，请在Analytics选项卡上，选择要使用的配置。

要创建移动设备应用程序配置，请单击管理配置。
（可选）要提供应用程序图标，请单击“浏览”按钮，从文件系统中选择图像文件，然后单击“打开”。
单击“创建”。

更改移动应用程序的属性 changing-the-properties-of-a-mobile-application

创建移动应用程序后，可以更改属性。

更改标题、描述和图标 change-the-title-description-and-icon

在边栏上，单击应用程序。
选择要配置的应用程序，然后单击查看页面属性图标。
要更改属性值，请单击编辑图标。
配置基本和高级属性，然后单击完成图标。

配置应用程序的语言变体 configure-a-language-variation-of-the-application

在边栏上，单击应用程序。
单击以深入查看要在应用程序Admin Console中编辑的移动应用程序。选择要配置的应用程序的语言版本，然后单击查看应用程序属性图标。
要更改属性值，请单击编辑图标。
在“基本”、“高级”、“生成”和“Analytics”选项卡上配置属性，然后单击“完成”图标。

创作移动应用程序的内容 authoring-the-content-of-a-mobile-application

创建移动设备应用程序后，添加用作应用程序UI的内容。

在边栏上，单击应用程序。
单击应用程序，然后单击英语。
编辑主页，或根据需要添加子页面。

将内容移动到移动应用程序 moving-content-to-mobile-applications

AEM发布实例上的内容同步缓存用作移动设备应用程序的内容存储库：

当开发人员编译应用程序时，应用程序中将包含内容同步缓存中的内容。
缓存中的内容可供已安装的移动应用程序用于更新应用程序内容。

移动应用程序包括一个“更新”命令，用于下载和安装更新的应用程序内容。当应用程序实例发送更新请求时，内容同步会确定自上次更新或安装应用程序以来更改了哪些内容，并提供新内容。

chlimage_1-149

要使更新的内容对应用程序可用，需要更新内容同步缓存。第一次更新缓存时，将添加所有已发布的内容。后续更新仅添加自上次更新以来发生更改的已发布内容。

内容同步还会在发生更新时进行跟踪。利用这些信息，内容同步可以确定要发送到移动应用程序的缓存更新。

在要更新缓存的实例上执行以下过程。例如，如果您的应用程序请求从发布实例进行更新，请在发布实例上执行该过程。

在边栏上，单击应用程序，然后单击您的应用程序。
选择启动页面，然后单击更新缓存图标。

使用应用程序模板 using-app-templates

这是Apps 6.1 Feature Pack 2中提供的功能，它提供了一种简单的方式来使用现有应用程序模板在AEM中创建新应用程序。

什么是应用程序模板？可将其视为一组页面模板和组件，它们代表应用程序的基线或基础。
在基于其他应用程序的模板创建应用程序时，您将获得一个应用程序，该应用程序的起点代表创建该应用程序的应用程序。

您必须拥有现有的移动设备应用程序模板（或安装的应用程序具有应用程序模板），才能使用此功能。

最新的AEM Apps 6.1示例包中包含带有应用程序模板的Geometrixx应用程序的更新版本。或者，您可以安装同时提供模板的StarterKit。

基于应用程序模板创建应用程序的步骤：

确保您已安装最新的AEM Apps 6.1功能包和参考示例包
单击左边栏中的应用程序。

chlimage_1-1

单击顶部的+创建按钮，然后选择创建应用程序。
向您显示应用程序模板列表后，请选择一个模板：

chlimage_1-2

单击“下一步”。
提供应用程序ID和标题，但您可能还希望包含名称和描述。
1. 此外，您还可以通过浏览AEM Assets提供PNG（支持的PhoneGap图标格式）作为图标。
2. 请记住，在管理应用程序图块中创建应用程序后，您可以编辑所有这些字段。应用程序ID除外，设置应用程序ID后，您将无法对其进行更改。

chlimage_1-150