Introduzione all'authoring e alla pubblicazione author-content-publish
È 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 prerequisites
Questo è un tutorial in più parti e si presume che i passaggi descritti nel capitolo Creare un sito siano stati completati.
Obiettivo objective
- Informazioni sui concetti di pagine e componenti in AEM Sites.
- Scopri come aggiornare il contenuto del sito web.
- Scopri come pubblicare le modifiche al sito live.
Creare una nuova pagina create-page
Un sito web viene in genere suddiviso in pagine per formare un'esperienza con più pagine. AEM struttura il contenuto nello stesso modo. Quindi, creare una nuova pagina per il sito.
-
Accedere al servizio Authoring AEM utilizzato nel capitolo precedente.
-
Dalla schermata iniziale di AEM, fare clic su Sites > Sito WKND > Inglese > Articolo
-
Nell'angolo superiore destro fare clic su Creare > Pagina.
Verrà visualizzata la procedura guidata Creare 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à inserire un Titolo di "Hello World".
-
Imposta Name
hello-worlde fai clic su Crea.
-
Nel pop-up della finestra di dialogo, fare clic su Apri per aprire la pagina appena creata.
Authoring di un componente author-component
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, creare alcuni componenti utilizzando l'Editor pagina di AEM.
-
Passare alla pagina Hello World creata nell'esercizio precedente.
-
Verificare di essere in modalità Modifica e nella barra laterale a sinistra fare 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 un componente Testo (v2) nell’area modificabile principale della pagina.
-
Fai clic sul componente Testo da evidenziare, quindi fai clic sull’icona a forma di chiave inglese
Il componente Testo ora dovrebbe mostrare sulla pagina il testo formattato.
-
Ripeti i passaggi precedenti, ad eccezione del trascinamento di un’istanza del componente Image(v2) sulla pagina. Apri la finestra di dialogo Immagine del componente.
-
Nella barra a sinistra, passa a Ricerca risorse facendo clic sull’icona Risorse
-
Trascina 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 Titolo, Navigazione, Ricerca. Queste aree sono configurate come parte del Modello di 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.
Pubblicare gli aggiornamenti publish-updates
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 di authoring. Per consentire ai visitatori del sito di visualizzare le modifiche, è necessario pubblicarle nel Servizio di pubblicazione.
Flusso di alto livello dei contenuti da authoring a pubblicazione
1. Gli autori di contenuti apportano aggiornamenti al contenuto del sito. Gli aggiornamenti possono essere visualizzati in anteprima, rivisti e approvati per essere inviati in produzione.
2. Il contenuto viene 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 pianifica per Ora. Fai clic su Avanti.
-
In Ambito, seleziona il sito WKND e fai clic su Includi impostazioni secondarie. Nella finestra di dialogo, seleziona Includi elementi secondari. 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 per siti. 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. Inserisci "Pubblicazione iniziale" e fare clic su Pubblica.
Vista contenuto pubblicato publish
Quindi, passa al servizio di pubblicazione per visualizzare le modifiche.
-
Un modo semplice per ottenere l'URL del servizio Publish consiste nel copiare l'URL di authoring e sostituire la parola
authorconpublish. Ad esempio:- URL di authoring -
https://author-pYYYY-eXXXX.adobeaemcloud.com/ - URL di Pubblicazione -
https://publish-pYYYY-eXXXX.adobeaemcloud.com/
- URL di authoring -
-
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.note note NOTE Modificare wknd.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, fare clic su Articolo > Hello World per passare alla pagina Hello World creata in precedenza.
-
Tornare al Servizio di authoring di AEM e apportare alcune modifiche aggiuntive al contenuto nell'Editor pagina.
-
Pubblica queste modifiche direttamente dall'editor pagina facendo clic sull'icona Proprietà pagina > Pubblica pagina
-
Tornare al Servizio di Pubblicazione di AEM per visualizzare le modifiche. Probabilmente non sarà possibile visualizzare immediatamente gli aggiornamenti. Questo perché il servizio di pubblicazione di AEM include memorizzazione in cache 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 memorizzazione in cache e sulle configurazioni disponibili sono disponibili qui. -
È possibile anche trovare l'URL del servizio di Pubblicazione in Cloud Manager. Passare al Programma Cloud Manager > Ambienti > Ambiente.
In Segmenti di ambiente è possibile trovare collegamenti ai servizi di Authoring e Pubblicazione.
Congratulazioni. congratulations
Congratulazioni, sono state appena create e pubblicate le modifiche al sito AEM!
Passaggi successivi next-steps
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.
Continuare a esplorare le funzionalità di AEM Sites? È possibile passare direttamente al capitolo su Modelli di pagina per comprendere la relazione tra un modello di pagina e una pagina.