文件AEM as a Cloud Service使用手冊

Experience現代化主控台 console-reference

Last update: Mon Mar 09 2026 00:00:00 GMT+0000 (Coordinated Universal Time)
  • 適用對象：
  • Experience Manager as a Cloud Service

建立對象：

  • 使用者
  • 管理員
  • 開發人員

Experience現代化主控台介面和功能的參考指南

NOTE
如果您有興趣使用Experience Modernization Console，可以要求存取權以確保順利上線體驗。

概觀 overview

Experience Modernization Console是Edge Delivery Services的託管、AI輔助開發環境，在aemcoder.adobe.io以網頁介面的形式公開。連線到他們的GitHub專案後，您就可以立即開始以自然語言提示變更，而無需任何進一步的設定或本機環境設定。

TIP
如果您有興趣立即開始使用主控台，請參閱檔案開始使用Experience現代化代理程式。

功能 capabilities

主控台的核心功能：

  • 與代理的互動式聊天面板及其技能
  • 即時AEM預覽，可立即取得變更的視覺回饋
  • 內容檔案瀏覽器和Markdown檢視器
  • 與Document Authoring的內容同步處理
  • 程式碼瀏覽器和比較檢視器，用於檢閱所做的變更
  • GitHub整合，可透過變更建立提取請求

開發人員仍可完整掌控出貨內容。 透過主控台進行的所有變更都需要在部署前進行審查和核准，以確保治理、品牌一致性和安全性。

導覽 navigation

在aemcoder.adobe.io，登入主控台後，您會進入主控台的主畫面。

主控台的主畫面

選單列 menu-bar

頂端功能表列提供：

  • 左側的​ 開啟功能表 ​按鈕可展開和摺疊左側面板的詳細資訊
  • 右側的​ 帳戶 ​按鈕，可用於切換到深色模式並登出主控台

左側欄 sidebar

左側邊欄可讓您快速存取主控台的重要檢視。

  • 首頁檢視 （房屋圖示） — 您使用主控台的起點
  • 內容檢視 （檔案圖示） — 您已匯入的內容
  • 代碼檢視 （</>圖示） — 您正在處理的網站代碼
  • 設定檢視 （齒輪圖示） — 主控台的設定

首頁檢視 home-view

Home​檢視是您使用主控台的起點。

  • 頂端是提示輸入，用於發出主控台要求。
  • 提示面板下方是開始使用專案的建議提示。

提示輸入 prompt-input

提示輸入提供與AI互動的控制項。

  • 計畫/執行模式 （燈泡和魔術棒圖示）：分別在計畫模式和執行模式之間切換

    • 計畫模式： AI會分析要求並概述方法，而不做變更，這有助於在認可之前瞭解策略。
    • 執行模式： AI會執行計畫並進行實際的檔案變更。

  • 附加檔案 （回形針圖示）：上傳檔案並附加至提示以取得其他內容（例如參考設計、熒幕擷圖、規格）

內容檢視 content-view

內容檢視​提供瀏覽和預覽內容的工具。 依預設，檢視分為三個面板，由左至右：

  • 與主控台和專案互動的提示面板
  • 檔案瀏覽器以檢視內容檔案的概觀（切換顯示這個面板並帶有V形圖示）
  • 預覽面板，可將檔案瀏覽器中選取的內容視覺化

內容檢視

聊天面板 chat-panel

聊天面板可讓您檢視並繼續與Experience現代化代理程式的交談。 聊天面板包含聊天訊息歷程記錄以及用來對主控台提出其他要求的提示輸入。

  • 聊天動作

    • 清除交談：這會重設交談並清除AI的內容視窗。 當啟動與上一個交談無關的新工作時，請使用此選項。
    • 下載交談：這會以Markdown檔案下載交談記錄。

預覽面板 preview-panel

預覽面板提供最多四種模式：

  • 預覽 （含放大鏡圖示的檔案）以檢視轉譯的HTML內容

    • 回應式檢視，以在案頭、平板電腦或行動檢視中檢視轉譯的HTML內容
    • 設計模式 （繪圖筆刷圖示）可新增頁面元素至其他內容的提示

  • 檔案檢視 （檔案圖示）可分別檢視基礎檔案編寫內容結構

  • Markdown檢視(AEM製作) （程式碼圖示），以檢視基礎的Markdown內容結構

  • JCR XML檢視(AEM製作) （資料圖示）以檢視產生的JCR XML內容結構

您一律可以按一下​ 重新整理預覽 ​圖示來更新預覽面板。

刪除​按鈕會從工作區移除選取的頁面。 不會刪除預覽或發佈的內容。

錯誤​按鈕(AEM製作)會開啟一個模組視窗，以檢視所選頁面上的錯誤。

上傳內容​按鈕會開啟模組視窗，以將檔案上傳至AEM。

  • 如果您的專案有​ 檔案，則會預先填入 ​組織​ 和 ​存放庫fstab.yaml欄位
  • 檔案選取範圍提供可編輯的目標路徑
  • 不支援上傳至JCR （適用於通用編輯器）

上傳內容

程式碼檢視 code-view

程式碼檢視​提供瀏覽程式碼和管理程式碼變更的工具。 此檢視分為三個面板，由左至右：

  • 用於與主控台和專案互動的聊天面板
  • 檔案瀏覽器，讓您概略瞭解程式碼檔案或異動變更
  • 預覽面板，用於檢視程式碼檔案或在檔案瀏覽器中選取的變更

程式碼檢視

預覽面板提供兩種不同的模式：

  • Workspace檔案​以瀏覽目前工作區中的程式碼檔案

    • 使用​ 新增至聊天 ​按鈕，將檔案新增至聊天面板以取得內容。

  • Git變更​以檢視您專案工作所建立的檔案變更差異

    • 按一下+圖示以暫存變更的檔案
    • 按一下箭頭圖示以捨棄變更的檔案

資訊​圖示會列出您目前連線的GitHub帳戶和專案。

GitHub動作​功能表（右上方）提供存放庫作業。

  • 連線/重新連線：起始GitHub OAuth
  • 切換存放庫：以不同的存放庫取代工作區。 任何未提交的工作都將遺失。
  • 切換分支：切換相同存放庫中的分支
  • 同步：從遠端來源提取最新變更
  • 推送：開啟強制回應，以將工作區變更推送至GitHub
  • 登出：中斷與GitHub的連線

推送變更時，您必須先執行階段變更，才能將其納入推送中。 推送時，您可以選擇建立新的PR，或直接推送至目前的分支

推送變更

設定檢視 settings-view

設定檢視可讓您管理主控台的基本設定。

設定檢視

  • 專案​可讓您檢視及編輯專案設定，例如自訂資料庫URL。

  • 支援​可讓您向AEM支援團隊請求協助。

  • 認證​可讓您為Figma指定個人存取權杖，讓主控台可以存取您專案的設計區塊。

  • 重設工作區​將主控台還原為開始狀態，所有未推送或未上傳的變更將會遺失。

recommendation-more-help
fbcff2a9-b6fe-4574-b04a-21e75df764ab