Creazione di componenti

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

NOTA

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

Authoring dei canali

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. Poiché il canale è un cq:Page seguirà lo stesso pattern UX tradizionale per aggiungere e modificare componenti sul canale.

Tuttavia, poiché i componenti di un canale vengono in genere visualizzati a schermo intero, l’esperienza di authoring ne risentirà 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 sfrutta 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 un canale ha il tipo di risorsa dedicato screens/core/components/channel.

Rendering dei componenti

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 sfruttano 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