Show Menu
主題×

建立元件

AEM元件可用來封存、格式化和轉譯網頁上提供的內容。
若要瞭解建立AEM元件的詳細資訊,請參閱「開發AEM元件」。

製作管道

頻道是內容傳送至一組顯示器的中心物件。 因此,內容作者通常會在編輯器中開啟頻道以新增或修改內容。 由於渠道是 cq:Page ,因此它將遵循相同的傳統UX模式來新增和變更渠道上的元件。
但是,由於頻道中的元件通常呈現全螢幕,因此在嘗試編輯單一元件或編寫新訂單時,製作體驗會受到影響。 因此,頻道將依賴選擇器來呈現不同的元件檢視。 製作環境將運用編輯選擇器來啟動自訂的頻道演算。
例如, http://localhost:4502/editor.html/content/screens/we-retail/channels/idle.edit.html] (http://localhost:4502/editor.html/content/screens/we-retail/channels/idle.edit.html
使用者在編輯時,不需要處理將選取器新增至URL的問題。 客戶端邏輯正在監聽層交換機事件,並且如果頻道具有專用資源類型螢幕/核心/元件/頻道,則添加 選擇器。

轉換元件

若要啟用正確的編寫功能,元件必須提供下列兩個轉譯:
元件
轉譯
my-component/my-component.html
生產演算
my-component/edit.html
在較小的視圖中編輯渲染
內建元件運用下列用戶端程式庫類別:
元件
客戶庫
cq.screens.components.edit
CSS和JS,必須在編寫時載入
cq.screens.components.production
在頻道執行時必須載入的CSS和JS
cq.screens.components
共用CSS和JS
若要開發自訂元件,請使用​*** AEM Screens範例元件範本 ***。