51黑料不打烊

设置您的管道 set-up-your-pipeline

创建前端管道来管理 Site 主题的自定义。

迄今为止的故事 story-so-far

在 AEM 快速 Site 创建历程的上一个文档从模板创建 Site 中,您已了解如何使用 Site 模板快速创建可通过前端工具进行详细自定义的 AEM Site,现在应:

  • 了解如何获取 AEM Site 模板。
  • 了解如何使用模板创建 Site。
  • 了解如何从新 Site 下载模板以提供给前端开发人员。

本文基于这些基础之上,因此您可以设置前端管道,前端开发人员在历程中稍后将使用此管道来部署前端自定义项。

目标 objective

本文档可帮助您了解前端管道以及如何创建一个前端管道来管理 Site 的自定义主题的部署。阅读本文档后,您应:

  • 了解什么是前端管道。
  • 了解如何在 Cloud Manager 中设置前端管道。

负责角色 responsible-role

此历程的这一部分适用于 Cloud Manager 管理员。

要求 requirements

  • 您需要具有对 Cloud Manager 的访问权限。
  • 您需要成为 Cloud Manager 中的? 部署管理器 ?角色的成员。
  • 必须在 Cloud Manager 中设置 AEM 环境的 Git 存储库。
    • 对于任何活动项目,通常会是这种情况。但如果不是这种情况,请参阅其他资源部分下提供的 Cloud Manager 存储库文档。

什么是前端管道 front-end-pipeline

前端开发涉及定义 AEM Site 样式的 JavaScript、CSS 和静态资源的自定义。前端开发人员将在他们的本地环境中工作,进行这些自定义设置。准备就绪后,更改将提交到 AEM Git 存储库。但它们只能提交到源代码, 因为它们处于非活动状态。

前端管道采用这些已提交的自定义项并将其部署到 AEM 环境(通常是生产环境或非生产环境)中。

通过这种方式,前端开发可以与拥有自己的部署管道的 AEM 上的任何全栈后端开发分开和并行工作。

NOTE
前端管道只能部署 JavaScript、CSS 和静态资源来设置 AEM Site 的样式。无法在管道中部署页面或资源等 Site 内容。

访问 Cloud Manager login

  1. 登录 51黑料不打烊 Cloud Manager,网址为 。

  2. Cloud Manager 列出了可用的各种程序。选择要管理的程序。如果您刚开始使用 AEM as a Cloud Service,则可能只有一个可用程序。

    在 Cloud Manager 中选择程序

您现在可以看到您的程序概述。您的页面的外观会有所不同,但与此示例相似。

Cloud Manager 概述

记下您已访问的程序的名称或复制 URL。您以后需要将此项提供给前端开发人员。

创建前端管道 create-front-end-pipeline

现在您已访问 Cloud Manager,可以为前端部署创建管道。

  1. 在 Cloud Manager 页面的? 管道 ?部分中,选择? 添加 ?按钮。

    管道

  2. 在? 添加 ?按钮下方显示的弹出菜单中,为此历程选择? 添加非生产管道

  3. 在打开的? 添加非生产管道 ?对话框的? 配置 ?选项卡上:

    • 选择? 部署管道
    • 在? 非生产管道名称 ?字段中提供带名称的管道。

    添加管道配置

  4. 选择? 继续

  5. 在? 源代码 ?选项卡上:

    • 选择? 前端代码 ?作为要部署的代码类型。
    • 确保在? 符合条件的部署环境 ?下选择正确的环境。
    • 选择正确的? 存储库
    • 定义管道应关联到的 Git 分支
    • 定义? 代码位置(如果前端开发位于所选存储库中的特定路径下)。默认值是存储库的根,但通常前端开发和后端会位于不同的路径下。

    用于添加管道的源代码信息

  6. 选择? 保存

在 Cloud Manager 窗口的? 管道 ?分区中创建和显示新管道。点击或单击管道名称后的省略号会显示选项,以便根据需要进一步编辑或查看详细信息。

管道选项

TIP
如果您已熟悉 AEMaaCS 中的管道并希望详细了解不同类型管道之间的差异,包括有关前端管道的更多详细信息,请参阅以下其他资源部分中链接的“配置 CI/CD 管道 – Cloud Service”。

后续内容 what-is-next

现在您已完成 AEM 快速 Site 创建历程的这一部分,您应:

  • 了解什么是前端管道。
  • 了解如何在 Cloud Manager 中设置前端管道。

在此知识的基础上继续您的 AEM 快速 Site 创建历程,接下来查看文档向前端开发人员授予访问权限,其中您会将前端开发人员加入 Cloud Manager,以便他们有权访问您的 AEM Site Git 存储库和管道。

其他资源 additional-resources

我们建议您查看文档自定义 Site 主题来继续快速 Site 创建历程的下一部分,以下是一些其他可选资源,这些资源对本文档中提到的一些概念进行了更深入的探究,但并非继续此历程所必需的。

  • Cloud Manager 文档 – 如果您想了解有关 Cloud Manager 功能的更多详细信息,您可能需要直接参阅深入的技术文档。
  • Cloud Manager 存储库 – 如果您想详细了解如何为 AEMaaCS 项目设置和管理 Git 存储库,请参阅此文档。
  • 配置 CI/CD 管道 – Cloud Service – 在此文档中了解有关设置全堆栈管道和前端管道的更多详细信息。
recommendation-more-help
fbcff2a9-b6fe-4574-b04a-21e75df764ab