1.1.3设置您的AEM CS环境

1.1.3.1设置您的GitHub存储库

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

{modal="regular"}

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

{modal="regular"}

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

{modal="regular"}

转到https://github.com/AdobeDevXSC/citisignal-one。 你会看到这个。 单击​ 使用此模板，然后单击​ 新建存储库。

{modal="regular"}

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

{modal="regular"}

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

{modal="regular"}

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

{modal="regular"}

单击您的GitHub帐户。

{modal="regular"}

单击​ 仅选择存储库，然后添加刚刚创建的存储库。 接下来，单击​ 安装。

{modal="regular"}

然后您会获得此确认。

{modal="regular"}

1.1.3.2更新文件fstab.yaml

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

{modal="regular"}

单击​ 编辑 ​图标。

{modal="regular"}

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

{modal="regular"}

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

这是URL的当前值： https://author-p131639-e1282833.adobeaemcloud.com/bin/franklin.delivery/adobedevxsc/citisignal-one/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。 单击您的​ 程序 ​以将其打开。

{modal="regular"}

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

{modal="regular"}

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

{modal="regular"}

XXX = author-p148073-e1511503.adobeaemcloud.com

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

YYYY = woutervangeluwe

{modal="regular"}

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

ZZZ = citisignal

{modal="regular"}

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

https://author-p148073-e1511503.adobeaemcloud.com/bin/franklin.delivery/woutervangeluwe/citisignal/main

单击​ 提交更改……。

{modal="regular"}

单击​ 提交更改。

{modal="regular"}

文件fstab.yaml现已更新。

1.1.3.3上传CitiSignal资产

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

{modal="regular"}

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

{modal="regular"}

单击​ 使用Adobe登录。

{modal="regular"}

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

{modal="regular"}

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

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

{modal="regular"}

接下来，单击​ 上传包。

{modal="regular"}

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

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

{modal="regular"}

选择包并单击​ 打开。

{modal="regular"}

接下来，单击​ 确定。

{modal="regular"}

随后将上传包。

{modal="regular"}

接下来，在刚刚上传的包上单击​ 安装。

{modal="regular"}

单击​ 安装。

{modal="regular"}

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

{modal="regular"}

现在可以关闭此窗口。

1.1.3.4发布CitiSignal资产

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

{modal="regular"}

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

{modal="regular"}

单击​ 使用Adobe登录。

{modal="regular"}

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

{modal="regular"}

单击​ 文件。

{modal="regular"}

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

{modal="regular"}

单击​ 下一步。

{modal="regular"}

单击​ 发布。

{modal="regular"}

您的资产现已发布。

1.1.3.5创建CitiSignal网站

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

{modal="regular"}

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

{modal="regular"}

单击​ 使用Adobe登录。

{modal="regular"}

然后，您将看到创作环境。 单击​ 站点。

{modal="regular"}

单击​ 创建，然后单击​ 从模板创建站点。

{modal="regular"}

单击​ 导入。

{modal="regular"}

您现在需要为站点导入预配置的模板。 您可以在此处下载模板。 将文件保存到桌面。

接下来，选择文件citisignal-edge-delivery-services-template-0.0.4.zip并单击​ 打开。

{modal="regular"}

你会看到这个。 单击选择您刚刚上传的模板，然后单击​ 下一步。

{modal="regular"}

您现在需要填写一些详细信息。

{modal="regular"}

你就能拥有这个了。 单击​ 创建。

{modal="regular"}

正在创建您的站点。 这可能需要几分钟的时间。 单击​ 确定。

{modal="regular"}

几分钟后刷新屏幕，您随后将看到新创建的CitiSignal网站。

{modal="regular"}

1.1.3.6发布CitiSignal网站

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

{modal="regular"}

单击​ 下一步。

{modal="regular"}

单击​ 包括子设置。

{modal="regular"}

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

{modal="regular"}

单击​ 发布。

{modal="regular"}

然后你将被送回这里。 导航到​ CitiSignal > us > en。 单击​ 索引 ​前面的复选框，然后单击​ 编辑。

{modal="regular"}

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

{modal="regular"}

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

在此示例中，完整URL将变为：
https://main--citisignal--woutervangeluwe.aem.page/us/en/和/或https://main--citisignal--woutervangeluwe.aem.live/us/en/。

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

您随后将看到以下内容：

{modal="regular"}

几分钟后，资源将全部正确加载。

{modal="regular"}

1.1.3.7测试页性能

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

{modal="regular"}

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

移动设备：

{modal="regular"}

桌面：

{modal="regular"}

下一步： 1.1.4配置自定义块

返回Adobe Experience Manager Cloud Service和Edge Delivery Services

返回所有模块