Creazione di componenti creating-components

I componenti AEM vengono utilizzati per memorizzare, formattare ed eseguire il rendering dei contenuti resi disponibili sulle pagine web.

NOTE
Per informazioni dettagliate sulla creazione di componenti AEM, consulta Sviluppo di componenti AEM.

Authoring dei canali authoring-channels

Il canale è l'oggetto principale dei contenuti inviati a un insieme di display. Pertanto, un autore di contenuti in genere apre un canale nell’editor per aggiungere o modificare contenuti. Perché il canale è un cq:Page, segue lo stesso pattern UX tradizionale per aggiungere e modificare componenti sul canale.

Tuttavia, poiché in genere i componenti di un canale vengono riprodotti a schermo intero, l’esperienza di authoring ne risente quando si tenta di modificare singoli componenti o di comporre nuovi ordini. Pertanto, il canale si basa sui selettori per eseguire il rendering di diverse viste dei componenti. L’ambiente di authoring utilizza il selettore di modifica per attivare il rendering del canale personalizzato.

Ad esempio 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

L’utente non deve preoccuparsi di aggiungere il selettore all’URL durante la modifica. Una logica lato client è in ascolto dell'evento di switch di livello e aggiunge il selettore se il canale ha il tipo di risorsa dedicato screens/core/components/channel.

Rendering dei componenti rendering-components

Per abilitare l’authoring corretto, i componenti devono fornire i due rendering seguenti:

Component
Rappresentazioni
my-component/my-component.html
rendering di produzione
my-component/edit.html
modifica del rendering in una vista più piccola

I componenti incorporati utilizzano le seguenti categorie di librerie client:

Component
Libreria client
cq.screens.components.edit
CSS e JS che devono essere caricati durante la creazione
cq.screens.components.production
CSS e JS che devono essere caricati quando il canale è in esecuzione
cq.screens.components
CSS e JS condivisi
NOTE
Per sviluppare componenti personalizzati, utilizza la Modello di componente di esempio AEM Screens.
recommendation-more-help
adce462a-f916-4dbe-9ab5-0b62cfb0f053