Guida introduttiva all’agente di modernizzazione esperienza getting-started

Scopri i primi passaggi per iniziare a utilizzare l’agente di modernizzazione esperienza e la console di modernizzazione esperienza.

NOTE
Se ti interessa utilizzare la Console di modernizzazione esperienza, puoi richiedere l’accesso tramite il tuo account manager per garantire un’esperienza di onboarding fluida.

Preparare un archivio GitHub di Edge Delivery prepare-repo

NOTE
Utilizzare un progetto AEM Sites e Universal Editor? Segui Guida introduttiva di AEM Sites/Universal Editor passaggi di installazione.
  1. Selezionare un repository Edge Delivery Services da utilizzare con la console di modernizzazione delle esperienze.

  2. Verificare che il Connettore codice AEM sia installato nell'archivio.

    • Questo consente alla console di controllare il codice.
  3. Verificare che l'app GitHub AEM Code Sync sia installata nell'archivio.

    • Questo consente a Edge Delivery Services di sincronizzare il codice.
    • Se l’archivio si basa sull’esercitazione, questo passaggio è già completo.

Apri la console di modernizzazione esperienza open-console

  1. Passa a aemcoder.adobe.io.
  2. Accedi con il tuo Adobe ID.

Collegare l’archivio GitHub connect-repo

La console richiede un repository al primo accesso.

Prima schermata di accesso della console

  1. Fare clic su Connetti repository.
  2. Verrà aperta l’app AEM Code Connector in una nuova scheda del browser. Fai clic su Autorizza connettore codice AEM.
  3. Nella console, specifica l’URL di anteprima del sito. L’URL di anteprima può essere ottenuto visualizzando in anteprima qualsiasi documento nel sito o costruendolo dal ramo, nome-sito e organizzazione. Il sistema recupererà automaticamente il progetto Github associato; in alcuni casi ti potrebbe essere richiesto di fornire anche le coordinate github.
    Connessione al progetto GitHub
  4. Quando viene richiesto di Sostituire l'area di lavoro esistente, fare clic su Sostituisci area di lavoro.
    Sostituisci area di lavoro esistente

Il progetto GitHub ora è connesso alla console e si è nella schermata iniziale.

Pagina principale console

Avvia richiesta start-prompting

Ora che la console è in grado di accedere al codice, puoi iniziare a chiedere conferma.

  1. Per iniziare, puoi importare il contenuto di un sito:

    • "Eseguire la migrazione della pagina https://wknd-trendsetters.site."
  2. Questo importa il contenuto del sito.

    • La console osserva la separazione delle problematiche e gestisce il contenuto e la presentazione separatamente.
    • L'importazione iniziale del contenuto di un sito può richiedere alcuni minuti.
    • La console offre un feedback continuo all’inizio del suo lavoro, inclusa una panoramica dei passaggi pianificati.
      Importazione contenuto
  3. Una volta importato il sito, il pannello Workspace mostra le pagine. Seleziona una pagina per visualizzarne l’anteprima nel pannello di destra.
    Contenuto importato

  4. Ora che disponi di contenuto, puoi richiedere di importare gli stili dalla stessa origine.

    • "Importare gli stili generali da https://wknd-trendsetters.site."
  5. Come per l’importazione iniziale del contenuto, l’importazione potrebbe richiedere alcuni minuti e la console fornisce un feedback durante l’elaborazione della richiesta e l’importazione degli stili. Una volta completata l'attività, fai clic su Aggiorna anteprima nel pannello di destra per visualizzare il contenuto formattato.
    Stili importati

Ora puoi importare sia il contenuto che gli stili nella console.

TIP
Consulta la guida alla richiesta per ulteriori idee su come richiedere all'agente e sulle sue competenze.

Caricare contenuti upload-content

TIP
Se lavori su un progetto AEM Sites e Universal Editor, il caricamento di contenuto in AEM funziona in modo leggermente diverso. Per istruzioni di caricamento specifiche, consulta Guida introduttiva all'agente di modernizzazione delle esperienze per progetti AEM Sites/Universal Editor.

Per caricare i contenuti in Document Authoring:

  1. Verifica di essere nella visualizzazione Contenuto, quindi fai clic sul pulsante Carica contenuto in alto a destra.

    • Per impostazione predefinita, quando entri nella console sei nella visualizzazione Contenuto.
    • La vista è indicata dall’icona evidenziata nella barra laterale lungo il lato sinistro della console.
  2. Si apre la finestra di dialogo Carica contenuto con l'organizzazione di destinazione e l'archivio precompilati dal tuo fstab.yaml.

    • Se fstab.yaml non è presente nel repository connesso, sarà necessario immettere manualmente Organization e Repository.
    • Se è stata utilizzata la boilerplate, verrà fornito fstab.yaml.
  3. Selezionare i file da caricare e fare clic su Carica.
    Finestra di dialogo Carica contenuto

  4. La console indica il processo di caricamento selezionando il pulsante Carica.
    Caricamento in corso

  5. Al termine dell’operazione, nella parte inferiore della console viene visualizzata una notifica.
    Visualizza in AEM

Per accedere ai contenuti caricati in Document Authoring, fai clic su Visualizza in AEM nella notifica al termine del caricamento oppure passa a https://da.live/#/{organization}/{repository}.

Contenuto nellauthoring dei documenti

Il contenuto importato è ora in Authoring documenti.

Modifiche al codice push push-code-changes

Una volta apportate le modifiche desiderate al codice, puoi inviarle all’archivio GitHub.

  1. Passa alla visualizzazione Codice (icona </> nella barra laterale a sinistra) e quindi alla scheda Modifiche Git (icona del ramo in alto a destra).
    Visualizzazione codice
  2. Nell'elenco dei file modificati, se alcuni file vengono visualizzati come non tracciati, fare clic sul pulsante + per visualizzarli nell'area intermedia.
  3. Fai clic sul pulsante Azioni GitHub in alto a destra, quindi seleziona Invia dal menu a discesa.
  4. Nella finestra di dialogo Push changes, scegli di inviare le modifiche a una nuova PR (impostazione predefinita) o al ramo corrente, quindi fai clic su Confirm per inviare le modifiche.
    • In caso di dubbi, puoi inviare un messaggio push al ramo corrente per semplificare la procedura.
  5. Al termine dell’operazione, nella parte inferiore della console viene visualizzata una notifica.
    Visualizza PR

Se desideri accedere direttamente alle modifiche push in GitHub, fai clic su Visualizza PR nella notifica al termine del push.

Codice in GitHub

Il codice ora è in GitHub.

Anteprima sito preview-site

Per visualizzare le modifiche nell’ambiente di anteprima:

  1. Torna a Creazione documento.

    • Potrebbe essere ancora aperto in una scheda del browser aperta dopo aver fatto clic su Visualizza in AEM dopo aver caricato il contenuto.
    • Oppure passa a https://da.live/#/{organization}/{repository}
  2. Apri una delle pagine caricate in precedenza in AEM.

  3. Fare clic sull'icona del piano carta (in alto a destra) e selezionare Anteprima.
    Pubblica in anteprima

Congratulazioni. I contenuti e gli stili migrati sono ora live nell’ambiente di anteprima AEM.

Contenuto anteprima pubblicato

Se il codice è stato inviato a un ramo diverso da main, l'anteprima aperta da Authoring documenti non mostrerà gli stili. Passa al ramo aggiornando l’URL dell’anteprima per visualizzare i tuoi stili.

Risorse aggiuntive additional-resources

I seguenti documenti possono essere utili mentre continui a esplorare Experience Modernization Agent e la relativa console.

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