設定您的管道

建立前端管道來管理網站主題的自訂。

到目前為止

在AEM快速網站建立歷程的上一個檔案中, 從範本建立網站, 您已瞭解如何使用網站範本快速建立可以使用前端工具進一步自訂的AEM網站,現在您應:

  • 瞭解如何取得AEM網站範本。
  • 瞭解如何使用範本建立新網站。
  • 瞭解如何從新網站下載範本以提供給前端開發人員。

本文基於這些基礎之上,因此您可以設定前端管道,前端開發人員稍後將在部署前端自訂的歷程中使用它。

目標

本檔案可協助您瞭解前端管道以及如何建立前端管道,以管理網站自訂主題的部署。 閱讀本文件後,您應該:

  • 瞭解什麼是前端管道。
  • 瞭解如何在Cloud Manager中設定前端管道。

負責角色

此歷程的這一部分適用於Cloud Manager管理員。

要求

  • 您需要擁有Cloud Manager的存取權。
  • 您必須是 部署管理員 Cloud Manager中的角色。
  • 必須在Cloud Manager中設定AEM環境的Git存放庫。
    • 任何使用中專案通常都會發生這種情況。 但如果不是這種情況,請參閱下提供的Cloud Manager存放庫檔案 其他資源 區段。

什麼是前端管道

前端開發涉及定義AEM網站樣式的JavaScript、CSS和靜態資源的自訂。 前端開發人員將在自己的本機環境中工作,以進行這些自訂。 準備就緒後,變更會提交到AEM Git存放庫。 但是它們只會被認可到原始程式碼。 它們尚未上線。

前端管道會採用這些認可的自訂並將它們部署到AEM環境,通常是生產或非生產環境。

如此一來,前端開發可與AEM上任何完整棧疊後端開發分開運作,並與之平行,後者擁有自己的部署管道。

注意

前端管道只能部署JavaScript、CSS和靜態資源來設定AEM網站的樣式。 管道中無法部署頁面或資產等網站內容。

存取 Cloud Manager

  1. my.cloudmanager.adobe.com 登入 Adobe Cloud Manager。

  2. Cloud Manager 列出了可用的各種計畫。點選或按一下您要管理的專案。 如果您剛開始使用AEMas a Cloud Service,您可能只有一個可用程式。

    在Cloud Manager中選取計畫

您現在可以看到計畫的概覽。 您的頁面看起來會有所不同,但與此範例類似。

Cloud Manager概觀

記下您已存取的程式名稱或複製URL。 稍後您需要將此提供給前端開發人員。

建立前端管道

現在您已存取Cloud Manager,您可以為前端部署建立管道。

  1. 管道 部分,點選或按一下 新增 按鈕。

    管道

  2. 在出現的彈出式選單中 新增 按鈕選取 新增非生產管道 在此歷程中。

  3. 設定 的標籤 新增非生產管道 開啟的對話方塊:

    • 選取 部署管道.
    • 在下列位置為管道命名: 非生產管道名稱 欄位。

    新增管道設定

  4. 點選或按一下​繼續

  5. 原始碼 標籤:

    • 選取 前端計畫碼 作為要部署的程式碼型別。
    • 請確定下方已選取正確的環境 符合資格的部署環境.
    • 選取正確的 存放庫.
    • 定義哪些 Git分支 管道應該關聯。
    • 定義 程式碼位置 前端開發位於所選存放庫中的特定路徑下。 預設值是存放庫的根目錄,但通常前端開發和後端將位於不同的路徑下。

    用於新增管道的原始碼資訊

  6. 點選或按一下​儲存

新管道建立並顯示在中 管道 部分。 點選並按一下管道名稱后面的省略符號會顯示選項,以視需要進一步編輯或檢視詳細資訊。

管道選項

秘訣

如果您已熟悉AEMaaCS中的管道並希望詳細瞭解不同型別管道之間的差異,包括有關前端管道的更多詳細資訊,請參閱設定CI/CD管道 — Cloud Services中連結的 其他資源 區段底下。

下一步

現在您已完成AEM快速網站建立歷程的這一部分,您應:

  • 瞭解什麼是前端管道。
  • 瞭解如何在Cloud Manager中設定前端管道。

在此知識的基礎上繼續您的AEM快速網站建立歷程,接下來檢視檔案 授予前端開發人員存取權, 在這裡,您會將前端開發人員帶入Cloud Manager,以便他們能夠存取您的AEM網站Git存放庫和管道。

其他資源

我們建議您檢閱檔案,繼續快速網站建立歷程的下一部分 自訂網站主題 以下是一些其他可選資源,這些資源對本文檔中提到的一些概念進行了更深入的探究,但並非繼續此歷程所必需的。

  • Cloud Manager 文件 - 如果您想要 Cloud Manager 功能的更多詳細資訊,您可能想要直接查閱深入的技術文件。
  • Cloud Manager存放庫 — 如果您需要有關如何為您的AEMaaCS專案設定和管理Git存放庫的更多資訊,請參閱本檔案。
  • 設定CI/CD管道 — Cloud Services — 在本檔案中瞭解有關設定完整棧疊和前端管道的更多詳細資訊。

本頁內容