在AEM Assets View中啟用UI擴充性 AEM-Assets-View-UI-Extensibility
AEM Assets View支援UI擴充功能,可讓您針對AEM Assets View現成功能未滿足的特定工作流程和業務需求,將自訂UI元件新增至Assets View UI。 此AEM Assets View的UI擴充功能可增強其彈性,讓組織能夠針對特定工作流程和需求調整介面。
您可以將擴充功能新增至 資產、資料夾 和 集合 層級。 新增的擴充功能會顯示在 資產、集合 或 資料夾 詳細資料 頁面的專用面板上。
IMPORTANT
- AEM Assets View UI擴充性可用於Assets Ultimate。
- 若要存取Assets view UI擴充功能,請建立並提交 Adobe 客戶支援案例。
- 您可以展開 詳細的意見回饋選項 並按一下 報告問題,以提供檔案意見回饋。
存取Assets檢視 add-UI-Extensibility-in-AEM-Assets-View
請依照下圖中所述的步驟來存取Assets View:
在Assets View中檢視UI延伸模組 ui-extensibility-panel-assets-view
在Assets View內,導覽至資產、資料夾或集合的 詳細資料 頁面。 詳細資料 頁面會在專用面板上顯示新增的UI擴充功能。
新增擴充性元件的先決條件 assets-view-ui-extensibility
滿足下列要求,開始在您的Assets View UI上新增擴充性元件:
- 存取 Assets View。
- 存取Adobe app builder。
- 組織內系統管理員角色的開發人員權益。 如需詳細資訊,請參閱此檔案。
- Adobe IO command line tool (AIO CLI)已安裝在您的本機電腦上。 此工具對於建立和部署擴充功能專案至關重要。 如需詳細資訊,請參閱此檔案。
- 充分瞭解JavaScript、Node.js和React技術。
將UI擴充性元件新增至Assets View ui-extensibility-in-assets-view
- 如需UI擴充功能和Adobe App Builder架構的基本資訊,請參閱快速入門。 瞭解UI擴充功能如何在Adobe Experience Cloud services中整合自訂邏輯和UI,並瞭解實作UI擴充功能的架構和工作流程。
- 如需UI擴充性的一般資訊,請參閱指南,包括本機環境設定、本機預覽、發佈和管理。
- 請參閱建立擴充功能的常見概念,瞭解為AEM Assets View開發UI擴充功能所需的基礎知識。
- 將自訂側面板新增至Assets View介面。 主機應用程式(Assets View)管理這些面板,以處理UI互動,例如切換和深層連結。 擴充功能使用
aem/assets/details/1
擴充功能點來整合指定屬性的自訂面板,例如面板ID、標題及內容URL。 開發人員使用getPanels()
方法註冊自訂面板,並建立顯示自訂內容的路由。 如需詳細實作,包括API參考和程式碼範例,請參閱詳細資料檢視。 - 設定您的本機環境並建立您的第一個UI擴充功能,以親身體驗在Assets View中開發UI擴充功能的程式。 如需詳細資訊,請參閱逐步的AEM Assets檢視擴充功能開發。
- 使用AIO CLI設定您的應用程式,以產生基本擴充功能結構和必要的程式碼。 如需詳細資訊,請參閱 AEM Assets View🔗的程式碼產生。
- 在本機測試您的擴充功能,確保它們在部署前可如預期般運作。 在完全隔離的環境中執行您的擴充功能或執行部分隔離的擴充功能,並將您的擴充功能連線到生產AEM Assets View以進行測試。 如需詳細資訊,請參閱疑難排解 — AEM Assets View 擴充性。
recommendation-more-help
fbcff2a9-b6fe-4574-b04a-21e75df764ab