Panoramica dei componenti

Questa pagina fornisce una panoramica dei componenti di Adobe Experience Manager (AEM) come quelli utilizzati per l’authoring delle pagine.

Cosa sono i Componenti?

Unità modulari che realizzano funzionalità specifiche per presentare i contenuti sul sito web.
Riutilizzabili.
Sviluppati come unità autonome all’interno di una cartella dell’archivio.
Non sono presenti file di configurazione nascosti.
Possono contenere altri componenti.
Può essere eseguito ovunque all'interno di qualsiasi sistema AEM. Possono anche essere limitati all’esecuzione in componenti specifici.
Hanno un’interfaccia utente standard.
Hanno un comportamento di modifica configurabile.
Utilizzano le finestre di dialogo create utilizzando elementi secondari basati sui componenti dell’interfaccia utente Granite
Sono sviluppati utilizzando HTL (consigliato) o JSP.
Possono essere sviluppati per creare componenti personalizzati che estendono la funzionalità predefinita.

Poiché i componenti sono modulari, puoi:

Sviluppare un nuovo componente nell’istanza locale.
Distribuirlo nell’ambiente di test.
Distribuirlo nel tuo ambiente di authoring live, dove gli autori e/o gli amministratori possono aggiungere e configurare contenuti.
Distribuirlo negli ambienti di pubblicazione live, dove viene utilizzata per il rendering dei contenuti per i visitatori del sito web. Alcuni componenti, ad esempio per Communities, accettano anche l’input degli utenti.

Ogni componente AEM:

È un tipo di risorsa.
È un insieme di script che realizzano completamente una funzione specifica.
Ingresso isolamento, ovvero all’interno di AEM o di un portale.

Componenti out-of-the-box in AEM

AEM viene fornito con una varietà di componenti predefiniti che forniscono funzionalità complete, tra cui:

Sistema paragrafo ( parsys)
Pagina ( responsivegrid - solo interfaccia touch)
Testo
Immagine, con testo di accompagnamento
Barra degli strumenti

I componenti forniti e il loro utilizzo all’interno della siti web di esempio We.Retail In vengono illustrate le modalità di implementazione e utilizzo dei componenti. I componenti sono forniti con tutto il codice sorgente e possono essere utilizzati così come sono o come punti di partenza per i componenti modificati o estesi.

Componenti core e componenti di base

Sono disponibili due set di componenti AEM forniti da Adobe:

Componenti core sono stati introdotti con AEM 6.3 e offrono funzionalità di authoring flessibili e avanzate. La Sito di riferimento We.Retail illustra come utilizzare i componenti core e rappresentano le best practice correnti per lo sviluppo dei componenti.

Componenti di base sono disponibili con AEM per molte versioni e sono disponibili in un’installazione standard AEM. Sebbene ancora supportato, la maggior parte è stata dichiarata obsoleta, non viene più migliorata e si basa su tecnologie legacy.

NOTA

Componenti core rappresentano le best practice correnti per la progettazione e lo sviluppo dei componenti e fungono da implementazioni di riferimento.

Strumenti di modernizzazione AEM può facilitare la migrazione ai componenti core.

Visualizzazione dei componenti disponibili

Per una panoramica di tutti i componenti disponibili nell’istanza di AEM, utilizza la funzione Console Componenti.

In alternativa, è possibile utilizzare CRXDE Lite per ottenere un elenco di tutti i componenti disponibili nell’archivio.

In CRXDE Lite, seleziona Strumenti dalla barra degli strumenti, quindi Query, che apre la scheda Query.
Nella scheda Query, seleziona XPath come Tipo.
Nel campo di inserimento Query, immetti la stringa seguente:

//element(*, cq:Component)
Fai clic su Esegui e i componenti verranno elencati.