Tutorial per sviluppatori di Edge Delivery Services e editor universale
In questo tutorial imparerai le nozioni di base per la creazione di un sito web AEM che combina funzionalità di authoring avanzate con l’editor universale e una distribuzione estremamente rapida tramite Edge Delivery Services. Al termine, avrai acquisito le nozioni di base per creare un nuovo progetto, configurare un ambiente di sviluppo locale e creare un nuovo blocco.
Configurazione del progetto
Scopri come creare un progetto di codice e configurare un nuovo sito in AEM as a Cloud Service. Questa configurazione consente uno sviluppo diretto con l’editor universale per la creazione di contenuti e la distribuzione rapida dei contenuti tramite Edge Delivery Services.
Crea un progetto di codice per Edge Delivery Services, modificabile tramite l’editor universale.
Crea un sito in AEM Sites per Edge Delivery Services, modificabile tramite l’editor universale.
Configurazione di sviluppo
Scopri come configurare l’ambiente di sviluppo locale per consentire lo sviluppo rapido di siti web. Questa configurazione consente una creazione diretta dei siti con l’editor universale e una distribuzione efficiente dei contenuti tramite Edge Delivery Services, garantendo un flusso di lavoro di sviluppo fluido e ottimizzato.
Configurare un ambiente di sviluppo locale
Configurare un ambiente di sviluppo locale per i siti da distribuire tramite Edge Delivery Services e modificabili con l’editor universale.
Aggiungere il branding al sito web
Definisci i CSS globali, le variabili CSS e i font web per un sito Edge Delivery Services.
Sviluppo di un blocco
Scopri come creare un nuovo blocco definendone il modello di contenuto e configurando contenuti di esempio per il test e lo sviluppo. Esplora due metodi per il rendering del blocco e scopri come strutturarlo per ottenere prestazioni e flessibilità ottimali in AEM e Edge Delivery Services.
Crea un blocco per un sito web Edge Delivery Services modificabile con l’editor universale.
Authoring di un blocco Edge Delivery Services con l’editor universale.
Sviluppa un blocco con CSS per Edge Delivery Services, modificabile tramite l’Editor universale.
Sviluppare un blocco con CSS e JS
Sviluppa un blocco con CSS e JavaScript per Edge Delivery Services, modificabile tramite l’editor universale.
Passaggi successivi
Dopo aver completato questo tutorial, metti in pratica ciò che hai imparato con queste procedure mirate. Queste guide approfondiscono il codice e i concetti trattati, esplorando casi d’uso specifici per singoli ruoli, tecniche avanzate e suggerimenti aggiuntivi per migliorare le competenze di sviluppo di Edge Delivery Services e dell’editor universale.
Scopri come creare un blocco con più opzioni di visualizzazione.
Scopri come intestazione e piè di pagina vengono sviluppati in Edge Delivery Services e nell’editor universale.
Visualizzare in anteprima un’estensione per l’editor universale
Scopri come visualizzare in anteprima un’estensione per l’editor universale in esecuzione locale durante lo sviluppo.