建立元件

元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的問題。 客戶端邏輯正在監聽層交換機事件,並且如果通道具有專用資源類型​screens/core/components/channel,則添加選擇器。

轉換元件

若要啟用正確的編寫功能,元件必須提供下列兩個轉譯:

元件 轉譯
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範例元件範本***。

本頁內容

Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free
Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now