Estensione della console Frammenti di contenuto AEM

Console Frammenti di contenuto AEM Le estensioni possono essere aggiunte tramite due punti di estensione: un pulsante della console Frammenti di contenuto menu intestazione o barra delle azioni. Le estensioni sono scritte in JavaScript che vengono eseguite come app per App Builder e possono implementare un’interfaccia utente web personalizzata e azioni Adobe I/O Runtime senza server per eseguire lavori più intensivi e a lungo termine.

Estensione della console Frammenti di contenuto AEM
Tipo di estensione Descrizione Parametri
Menu Intestazione Aggiunge un pulsante all’intestazione che viene visualizzata quando zero I frammenti di contenuto sono selezionati. Nessuno.
Barra delle azioni Aggiunge un pulsante alla barra delle azioni visualizzata quando uno o più I frammenti di contenuto sono selezionati. Matrice dei percorsi dei frammenti di contenuto selezionati.

Una singola estensione della console Frammenti di contenuto AEM può includere zero o un menu di intestazione e zero o un tipo di estensione della barra delle azioni. Se sono necessari più tipi di estensione dello stesso tipo, è necessario creare più estensioni AEM console Frammenti di contenuto .

AEM estensioni della console Frammenti di contenuto, richiedono un Progetto Adobe Developer Console e App Builder utilizzando @adobe/aem-cf-admin-ui-ext-tpl , associato al progetto Adobe Developer Console .

Scegli una delle funzionalità seguenti durante la generazione dell'app Generatore app, in base alle prestazioni dell'estensione. Qualsiasi combinazione di opzioni può essere utilizzata in un'estensione.

Aggiungi pulsante a Menu Intestazione Aggiungi pulsante a Barra delle azioni Mostra modale Aggiungi gestore lato server
Disponibile quando i frammenti di contenuto non sono selezionati
Disponibile quando sono selezionati uno o più frammenti di contenuto
Raccoglie input personalizzati dall'utente ✔️
Visualizza il feedback personalizzato per l'utente ✔️
Richiama le richieste HTTP a AEM
Richiama le richieste HTTP ai servizi di Adobe/di terze parti

Documentazione di Adobe Developer

Adobe Developer contiene informazioni per sviluppatori sulle estensioni della console AEM frammenti di contenuto . Controlla la Contenuto Adobe Developer per ulteriori dettagli tecnici.

Sviluppa un'estensione

Segui i passaggi descritti di seguito per scoprire come generare, sviluppare e distribuire un’estensione della console AEM frammenti di contenuto per AEM as a Cloud Service.

1. Creare un progetto

Crea un progetto della console Adobe Developer che definisce l’accesso ad altri servizi Adobe e ne gestisce le implementazioni.

Creare un progetto Adobe Developer

2. Inizializzare un'app di estensione

Inizializzare un’app AEM estensione della console Frammenti di contenuto App Builder che definisce dove appare l’estensione e il lavoro che esegue.

Inizializzare un'app di estensione

3. Registrazione dell'estensione

Registra l'estensione nella AEM console Frammenti di contenuto come menu di intestazione o tipo di estensione della barra delle azioni.

Registra l'estensione

4a. Menu Intestazione

Scopri come creare un’estensione del menu intestazione della console frammenti di contenuto AEM.

Estende il menu intestazione

4b. Barra delle azioni

Scopri come creare un’estensione della barra delle azioni della Console frammenti di contenuto AEM.

Estende la barra delle azioni

5. Modale

Aggiungi un modale personalizzato all’estensione che può essere utilizzato per creare esperienze personalizzate per gli utenti. I moduli spesso raccolgono l’input dagli utenti e visualizzano i risultati di un’operazione.

Aggiungi un modale

6. Azione Adobe I/O Runtime

Aggiungi un’azione Adobe I/O Runtime senza server richiamabile dall’estensione per interagire con i frammenti di contenuto e AEM per eseguire operazioni aziendali personalizzate.

Aggiungi un'azione Adobe I/O Runtime

7. Test

Verifica le estensioni durante lo sviluppo e condividi le estensioni completate con tester QA o UAT utilizzando un URL speciale.

Test dell'estensione

8. Distribuzione di produzione

Distribuisci l'estensione ad Adobe I/O rendendola disponibile agli utenti AEM. Le estensioni possono essere aggiornate e rimosse.

Distribuzione in produzione

Estensioni di esempio

Esempio AEM estensioni della console Frammenti di contenuto .

Estensione aggiornamento proprietà bulk

Esplora un'estensione della barra delle azioni di esempio che aggiorna in blocco una proprietà sui frammenti di contenuto selezionati.

Esplorare l’estensione di esempio

Generazione e caricamento di immagini basate su OpenAI nell'estensione AEM

Esplora un'estensione della barra delle azioni di esempio che genera un'immagine utilizzando OpenAI, la carica in AEM e aggiorna la proprietà dell'immagine sul frammento di contenuto selezionato.

Esplorare l’estensione di esempio

In questa pagina