Introduzione all’authoring e alla pubblicazione
- Argomenti:
- Core Components
Creato per:
- Principiante
- Sviluppatore
È importante comprendere in che modo un utente aggiornerà i contenuti del sito web. In questo capitolo adotteremo la persona di un Autore di contenuti e apporteremo alcuni aggiornamenti editoriali al sito generati nel capitolo precedente. Alla fine del capitolo, pubblicheremo le modifiche per comprendere come viene aggiornato il sito live.
Prerequisiti
Questo è un tutorial in più parti e si presume che i passaggi descritti nel capitolo Creare un sito siano stati completati.
Obiettivo
- Comprendere i concetti di pagine e componenti in AEM Sites.
- Scopri come aggiornare il contenuto del sito web.
- Scopri come pubblicare le modifiche al sito live.
Crea una nuova pagina
Un sito web viene in genere suddiviso in pagine per formare un’esperienza multipagina. AEM struttura il contenuto nello stesso modo. Quindi, crea una nuova pagina per il sito.
-
Accedi al servizio AEM Author utilizzato nel capitolo precedente.
-
Dalla schermata iniziale di AEM, fai clic su Sites > Sito WKND > Inglese > Articolo
-
Nell'angolo superiore destro fare clic su Crea > Pagina.
Verrà visualizzata la procedura guidata Crea pagina.
-
Scegli il modello Pagina articolo e fai clic su Avanti.
Le pagine in AEM vengono create in base a un Modello pagina. I modelli di pagina sono descritti in dettaglio nel capitolo Modelli di pagina.
-
In Proprietà immettere un Titolo di "Hello World".
-
Imposta Name su
hello-worlde fai clic su Create.
-
Nel pop-up della finestra di dialogo, fai clic su Apri per aprire la pagina appena creata.
Creare un componente
I componenti AEM possono essere considerati come piccoli blocchi modulari di base di una pagina web. Dividendo l’interfaccia utente in blocchi logici o componenti, diventa molto più semplice da gestire. Per poter riutilizzare i componenti, questi devono essere configurabili. Questa operazione viene eseguita tramite la finestra di dialogo di authoring.
AEM fornisce un set di Componenti core pronti per l'utilizzo in produzione. I Componenti core vanno da elementi di base come Testo e Immagine a elementi dell'interfaccia utente più complessi come un Carosello.
Quindi, crea alcuni componenti utilizzando l’Editor pagina di AEM.
-
Passare alla pagina Hello World creata nell'esercizio precedente.
-
Verifica di essere in modalità Modifica e nella barra laterale a sinistra fai clic sull'icona Componenti.
Verrà aperta la libreria dei componenti con l’elenco dei componenti disponibili che possono essere utilizzati nella pagina.
-
Scorri verso il basso e Trascina+Rilascia un componente Testo (v2) nell'area modificabile principale della pagina.
-
Fai clic sul componente Testo da evidenziare, quindi fai clic sull'icona chiave inglese
Il componente Testo deve ora visualizzare il testo RTF nella pagina.
-
Ripetere i passaggi precedenti, ad eccezione del trascinamento di un'istanza del componente Image(v2) nella pagina. Apri la finestra di dialogo del componente Immagine.
-
Nella barra a sinistra, passa a Ricerca risorse facendo clic sull'icona Assets
-
Trascina+rilascia un'immagine nella finestra di dialogo del componente e fai clic su Fine per salvare le modifiche.
-
Osserva che nella pagina sono presenti componenti fissi, come Title, Navigation, Search. Queste aree sono configurate come parte del Modello pagina e non possono essere modificate in una singola pagina. Questo aspetto verrà approfondito nel prossimo capitolo.
Puoi provare alcuni degli altri componenti. La documentazione relativa a ciascun componente core è disponibile qui. Una serie video dettagliata sull'authoring delle pagine è disponibile qui.
Aggiornamenti di pubblicazione
Gli ambienti AEM sono suddivisi tra un Servizio di authoring e un Servizio di pubblicazione. In questo capitolo sono state apportate diverse modifiche al sito nel servizio Author. Per consentire ai visitatori del sito di visualizzare le modifiche, è necessario pubblicarle nel Servizio di pubblicazione.
Flusso di alto livello dei contenuti dall'ambiente di authoring a quello di pubblicazione
1. autori di contenuti apportano aggiornamenti al contenuto del sito. Gli aggiornamenti possono essere visualizzati in anteprima, rivisti e approvati per essere inviati in diretta.
2. contenuto pubblicato. La pubblicazione può essere eseguita su richiesta o pianificata per una data futura.
3. i visitatori del sito vedranno le modifiche riflesse sul servizio di pubblicazione.
Pubblicare le modifiche
Ora pubblichiamo le modifiche.
-
Dalla schermata iniziale di AEM, passa a Sites e seleziona il sito WKND.
-
Fai clic su Gestisci pubblicazione nella barra dei menu.
Poiché si tratta di un sito nuovo di zecca, vogliamo pubblicare tutte le pagine e possiamo utilizzare la procedura guidata Gestisci pubblicazione per definire esattamente ciò che deve essere pubblicato.
-
In Opzioni lascia le impostazioni predefinite su Pubblica e pianificale per Ora. Fai clic su Avanti.
-
In Ambito, seleziona il sito WKND e fai clic su Includi impostazioni figlio. Nella finestra di dialogo, seleziona Includi elementi figlio. Deseleziona le altre caselle per assicurarti che l’intero sito sia pubblicato.
-
Fai clic sul pulsante Riferimenti pubblicati. Nella finestra di dialogo, verifica che tutto sia selezionato. Questo includerà il modello di sito standard e diverse configurazioni generate dal modello di sito. Fai clic su Fine per aggiornare.
-
Infine, seleziona la casella accanto a Sito WKND e fai clic su Avanti nell'angolo in alto a destra.
-
Nel passaggio Flussi di lavoro, immetti un Titolo flusso di lavoro. Può essere qualsiasi testo e può essere utile in seguito come parte di un audit trail. Immetti "Initial publish" e fai clic su Publish.
Visualizza contenuto pubblicato
Quindi, passa al servizio Publish per visualizzare le modifiche.
-
Un modo semplice per ottenere l'URL del servizio di pubblicazione consiste nel copiare l'URL dell'autore e sostituire la parola
authorconpublish. Ad esempio:- URL autore -
https://author-pYYYY-eXXXX.adobeaemcloud.com/ - URL pubblicazione -
https://publish-pYYYY-eXXXX.adobeaemcloud.com/
- URL autore -
-
Aggiungi
/content/wknd.htmlall'URL di pubblicazione in modo che l'URL finale sia simile al seguente:https://publish-pYYYY-eXXXX.adobeaemcloud.com/content/wknd.html.
NOTEModificarewknd.htmlin modo che corrisponda al nome del sito, se durante la creazione del sito è stato fornito un nome univoco. -
Passando all’URL di pubblicazione, dovresti visualizzare il sito senza alcuna funzionalità di authoring di AEM.
-
Utilizzando il menu Navigazione, fai clic su Articolo > Hello World per passare alla pagina Hello World creata in precedenza.
-
Torna al Servizio di authoring di AEM e apporta alcune modifiche aggiuntive al contenuto nell'Editor pagina.
-
Pubblica queste modifiche direttamente dall'editor pagina facendo clic sull'icona Proprietà pagina > Pubblica pagina
-
Torna al Servizio di pubblicazione AEM per visualizzare le modifiche. Probabilmente non vedrà immediatamente gli aggiornamenti. Questo perché il servizio di pubblicazione AEM include caching tramite un server web Apache e CDN. Per impostazione predefinita, il contenuto HTML viene memorizzato nella cache per circa 5 minuti.
-
Per ignorare la cache a scopo di test/debug, è sufficiente aggiungere un parametro di query come
?nocache=true. L'URL sarà simile ahttps://publish-pYYYY-eXXXX.adobeaemcloud.com/content/wknd/en/article/hello-world.html?nocache=true. Ulteriori dettagli sulla strategia di caching e sulle configurazioni disponibili sono disponibili qui. -
Puoi anche trovare l’URL del servizio di pubblicazione in Cloud Manager. Passa a Programma Cloud Manager > Ambienti > Ambiente.
In Segmenti di ambiente puoi trovare collegamenti ai servizi Author e Publish.
Congratulazioni.
Congratulazioni, hai appena creato e pubblicato le modifiche al tuo sito AEM.
Passaggi successivi
In un’implementazione reale, la pianificazione di un sito con modelli e progettazioni dell’interfaccia utente in genere precede la creazione del sito. Scopri come utilizzare i kit di interfaccia utente di Adobe XD per progettare e accelerare l'implementazione di Adobe Experience Manager Sites nella pianificazione dell'interfaccia utente con Adobe XD.
Vuoi continuare a esplorare le funzionalità di AEM Sites? Puoi passare direttamente al capitolo su Modelli di pagina per comprendere la relazione tra un modello di pagina e una pagina.