Architettura dell’editor universale architecture

Scopri l’architettura dell’editor universale e il flusso di dati tra i suoi servizi e livelli.

Blocchi predefiniti di architettura building-blocks

L’editor universale è costituito da quattro blocchi predefiniti essenziali che interagiscono tra loro e consentono alle persone autori di contenuti di modificare ogni aspetto di qualsiasi contenuto in qualsiasi implementazione in modo da fornire esperienze eccezionali, velocizzare la preparazione dei contenuti e fornire un’esperienza di sviluppo all’avanguardia.

Questo documento delinea ciascuno di questi blocchi predefiniti e la loro modalità di scambio dei dati.

Architettura dell’editor universale

TIP
Per vedere Universal Editor e la relativa architettura in azione, consulta Guida introduttiva dell’Editor universale in AEM per scoprire come accedere a Universal Editor e come iniziare a dotare la tua prima app AEM di strumenti per utilizzarla.

Editor editors

  • Editor universale: l’editor universale utilizza un DOM abilitato per consentire la modifica diretta dei contenuti. Consulta il documento Attributi e tipi per informazioni dettagliate sui metadati necessari. Consulta il documento Guida introduttiva all’editor universale in AEM per un esempio della strumentazione in AEM.
  • Barra delle proprietà - Alcune proprietà dei componenti non possono essere modificate nel contesto, ad esempio il tempo di rotazione di un carosello o la scheda del Pannello a soffietto che deve essere sempre aperta o chiusa. Per consentire la modifica di tali informazioni sui componenti, nella barra laterale dell’editor viene fornito un editor basato su moduli.

App remota remote-app

Per rendere modificabile un’app in un contesto nell’editor universale, è necessario instrumentare il DOM. L’app remota deve eseguire il rendering di alcuni attributi nel DOM. Consulta il documento Attributi e tipi per informazioni dettagliate sui metadati necessari. Consulta il documento Guida introduttiva all’editor universale in AEM per un esempio di strumentazione in AEM.

L’editor universale richiede un SDK minimo, pertanto la strumentazione rientra nell’implementazione dell’app remota.

Livello API api-layer

  • Dati contenuto: per l’editor universale, non è importante né il sistema sorgente dei dati di contenuto né il modo in cui vengono utilizzati. È importante solo definire e fornire gli attributi richiesti utilizzando dati modificabili contestuali.
  • Dati persistenti: per ogni dato modificabile è presente un identificatore URN. Questo URN viene utilizzato per indirizzare la persistenza al sistema e alla risorsa giusti.

Livello di persistenza persistence-layer

  • Modello per frammenti di contenuto: per supportare la barra laterale per la modifica delle proprietà dei frammenti di contenuto, dell’editor di frammenti di contenuto e degli editor basati su moduli, sono necessari modelli per componente e frammenti di contenuto.
  • Contenuto - I contenuti possono essere archiviati ovunque, ad esempio in AEM, Magento e così via.

Livello di persistenza

Servizio di editor universale e invio del sistema di back-end service

L’editor universale invia tutte le modifiche al contenuto in un servizio centralizzato denominato servizio dell’editor universale. Questo servizio, in esecuzione su Adobe I/O Runtime, carica i plug-in disponibili nel registro estensioni in base all’URN fornito. Il plug-in è responsabile della comunicazione al back-end e della restituzione di una risposta unificata.

Servizio editor universale

Pipeline di rendering rendering-pipelines

Rendering lato server server-side

Rendering lato server

Generazione statica del sito static-generation

Generazione statica del sito

Rendering lato client client-side

Rendering lato client

Risorse aggiuntive additional-resources

Per ulteriori informazioni sull’editor universale, consulta questi documenti.

recommendation-more-help
fbcff2a9-b6fe-4574-b04a-21e75df764ab