1.1.2设置您的AEM CS环境

1.1.2.1设置您的GitHub存储库

转到https://github.com。 单击​ 登录

AEMCS

输入您的凭据。 单击​ 登录

AEMCS

登录后,您将看到您的GitHub功能板。

AEMCS

转到https://github.com/adobe-rnd/aem-boilerplate-xcom。 你会看到这个。 单击​ 使用此模板,然后单击​ 新建存储库

AEMCS

对于​ 存储库名称,请使用citisignal-aem-accs。 将可见性设置为​ 私有。 单击​ 创建存储库

AEMCS

几秒钟后,您将创建存储库。

AEMCS

接下来,转到https://github.com/apps/aem-code-sync。 单击​ 安装 ​或​ 配置

AEMCS

单击GitHub用户帐户旁边的​ 继续 ​按钮。

AEMCS

单击GitHub用户帐户旁边的​ 配置

AEMCS

单击​ 仅选择存储库,然后添加刚刚创建的存储库。

AEMCS

向下滚动并单击​ 保存

AEMCS

然后您会获得此确认。

AEMCS

1.1.2.2更新文件fstab.yaml

在您的GitHub存储库中,单击以打开文件fstab.yaml

AEMCS

单击​ 编辑 ​图标。

AEMCS

您现在需要更新第3行字段​ url ​的值。

AEMCS

您需要通过特定AEM Sites CS环境的URL与GitHub存储库的设置替换当前值。

这是URL的当前值: https://author-p130360-e1272151.adobeaemcloud.com/bin/franklin.delivery/adobe-rnd/aem-boilerplate-xcom/main

URL有3个部分需要更新

https://XXX/bin/franklin.delivery/YYY/ZZZ/main

XXX应替换为您的AEM CS创作环境的URL。

应将YYYY替换为您的GitHub用户帐户。

ZZZ应该被替换为您在上一个练习中使用的GitHub存储库的名称。

您可以通过转到https://my.cloudmanager.adobe.com来查找AEM CS创作环境的URL。 单击您的​ 程序 ​以将其打开。

AEMCS

接下来,单击​ 环境 ​选项卡上的3个点​ ,然后单击​ 查看详细信息

AEMCS

然后,您将看到环境详细信息,包括​ 作者 ​环境的URL。 复制URL。

AEMCS

XXX = author-p166717-e1786231.adobeaemcloud.com

对于GitHub用户帐户名称,您可以在浏览器的URL中轻松找到它。 在此示例中,用户帐户名称为woutervangeluwe

YYYY = woutervangeluwe

AEMCS

对于GitHub存储库名称,您还可以在GitHub中打开的浏览器窗口中找到它。 在这种情况下,存储库名称为citisignal

ZZZ = citisignal-aem-accs

AEMCS

这3个值组合在一起,导致需要在文件fstab.yaml中配置此新URL。

https://author-p166717-e1786231.adobeaemcloud.com/bin/franklin.delivery/woutervangeluwe/citisignal-aem-accs/main

单击​ 提交更改……

AEMCS

单击​ 提交更改

AEMCS

文件fstab.yaml现已更新。

1.1.2.3上传CitiSignal资产和站点

转到https://my.cloudmanager.adobe.com。 单击您的​ 程序 ​以将其打开。

AEMCS

接下来,单击创作环境的URL。

AEMCS

单击​ 使用Adobe登录

AEMCS

然后,您将看到创作环境。

AEMCS

您的URL将如下所示:https://author-p166717-e1786231.adobeaemcloud.com/ui#/aem/aem/start.html?appId=aemshell

您现在需要访问AEM的​ CRX包管理器 ​环境。 为此,请从URL中删除ui#/aem/aem/start.html?appId=aemshell并将其替换为crx/packmgr,这意味着您的URL现在应如下所示:
https://author-p166717-e1786231.adobeaemcloud.com/crx/packmgr
按​ Enter ​以加载包管理器环境

AEMCS

接下来,单击​ 上传包

AEMCS

单击​ 浏览 ​以查找要上载的包。

要上传的包名为​ citisignal-assets.zip,可从此处下载: https://one-adobe-tech-insiders.s3.us-west-2.amazonaws.com/one-adobe/citisignal_aem_accs.zip

AEMCS

选择包citisignal_aem_accs.zip并单击​ 打开

AEMCS

接下来,单击​ 确定

AEMCS

随后将上传包。 接下来,在刚刚上传的包上单击​ 安装

AEMCS

单击​ 安装

AEMCS

几分钟后,将安装您的包。

AEMCS

现在可以关闭此窗口。

1.1.2.4发布CitiSignal资产

转到https://my.cloudmanager.adobe.com。 单击您的​ 程序 ​以将其打开。

AEMCS

接下来,单击创作环境的URL。

AEMCS

单击​ 使用Adobe登录

AEMCS

然后,您将看到创作环境。 单击​ Assets

AEMCS

单击​ 文件

AEMCS

单击以选择文件夹​ CitiSignal,然后单击​ 管理发布

AEMCS

单击​ 下一步

AEMCS

单击​ 发布

AEMCS

您的资产现已发布。

1.1.2.5发布CitiSignal网站

单击屏幕左上角的​ Adobe Experience Manager ​产品名称,然后单击​ Assets ​旁边的​ 箭头

AEMCS

接下来,单击​ 站点

AEMCS

然后,您应该会看到之前安装包之后创建的​ CitiSignal ​网站。

AEMCS

要将您的站点链接到之前创建的GitHub存储库,您需要创建​ Edge Delivery Services配置

要执行此操作,第一步是创建​ 云配置

为此,请单击屏幕左上角的​ Adobe Experience Manager ​产品名称,然后单击​ 工具 ​图标,然后选择​ 常规。 单击以打开​ 配置浏览器

AEMCS

您应该会看到此内容。 单击​ 创建

AEMCS

将字段​ 标题 ​和​ 名称 ​设置为CitiSignal。 启用​ 云配置 ​的复选框。

单击​ 创建

AEMCS

然后您应该拥有此项。

AEMCS

接下来,您需要更新刚刚创建的​ 云配置 ​的某些字段。

为此,请单击屏幕左上角的​ Adobe Experience Manager ​产品名称,然后单击​ 工具 ​图标,然后选择​ 云服务。 单击以打开​ Edge Delivery Services配置

AEMCS

选择​ CitiSignal,单击​ 创建 ​并选择​ 配置

AEMCS

您现在需要填写字段​ 组织 ​和​ 站点名称。 为此,请首先查看GitHub存储库的URL。

AEMCS

  • 组织:使用您的GitHub组织名称的名称,在此示例中为woutervangeluwe
  • 站点名称:使用GitHub存储库的名称,该名称应为citisignal-aem-accs

单击​ 保存并关闭

AEMCS

然后您应该拥有此项。 启用新创建的Edge云配置前面的复选框,然后单击​ 发布

AEMCS

1.1.2.6更新文件路径.json

在您的GitHub存储库中,单击以打开文件paths.json

AEMCS

单击​ 编辑 ​图标。

AEMCS

您现在需要在第3、4、5、6、7和10行上更新以aem-boilerplate-commerce替换文本CitiSignal

单击​ 提交更改

AEMCS

单击​ 提交更改

AEMCS

文件paths.json现已更新。

1.1.2.7发布CitiSignal网站

单击屏幕左上角的​ Adobe Experience Manager ​产品名称,然后选择​ 站点

AEMCS

接下来,单击​ CitiSignal ​前面的复选框。 然后,单击​ 管理发布

AEMCS

单击​ 下一步

AEMCS

单击​ 包括子设置

AEMCS

单击选中​ 包括子项 ​复选框,然后单击取消选中其他复选框。 单击​ 确定

AEMCS

单击​ 发布

AEMCS

然后你将被送回这里。 单击​ CitiSignal,选中​ 索引 ​前面的复选框,然后单击​ 编辑

AEMCS

您的网站随后将在​ 通用编辑器 ​中打开。

AEMCS

现在,在将XXX替换为您的GitHub用户帐户(本例中为main--citisignal-aem-accs--XXX.aem.page)之后,您可以通过转到main--citisignal-aem-accs--XXX.aem.live和/或woutervangeluwe来访问您的网站。

在此示例中,完整URL将变为:
https://main--citisignal-aem-accs--woutervangeluwe.aem.page和/或https://main--citisignal-aem-accs--woutervangeluwe.aem.live

可能需要一些时间才能正确显示所有资源,因为它们需要先发布。

您随后将看到以下内容:

AEMCS

1.1.2.8测试页性能

转到https://pagespeed.web.dev/。 输入URL并单击​ 分析

AEMCS

然后,您会看到您的网站在移动和桌面可视化图表中均获得了高分:

移动设备

AEMCS

桌面

AEMCS

下一步:开发自定义块

返回Adobe Experience Manager Cloud Service和Edge Delivery Services

返回所有模块

recommendation-more-help
4bbf020c-24db-4a43-b239-88fab142f02d