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 DeveloperConsole 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.
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 | ✔ |
Adobe Developer contiene informazioni per sviluppatori sulle estensioni della console AEM frammenti di contenuto . Controlla la Contenuto Adobe Developer per ulteriori dettagli tecnici.
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 Developer2. 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 estensione3. 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'estensione4a. Menu Intestazione
Scopri come creare un’estensione del menu intestazione della console frammenti di contenuto AEM.
Estende il menu intestazione4b. Barra delle azioni
Scopri come creare un’estensione della barra delle azioni della Console frammenti di contenuto AEM.
Estende la barra delle azioni5. 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 modale6. 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 Runtime7. Test
Verifica le estensioni durante lo sviluppo e condividi le estensioni completate con tester QA o UAT utilizzando un URL speciale.
Test dell'estensione8. Distribuzione di produzione
Distribuisci l'estensione ad Adobe I/O rendendola disponibile agli utenti AEM. Le estensioni possono essere aggiornate e rimosse.
Distribuzione in produzioneEsempio 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 esempioGenerazione 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