Extensão do console Fragmentos de conteúdo do AEM

Console Fragmentos de conteúdo do AEM as extensões podem ser adicionadas por meio de dois pontos de extensão: um botão no Console do fragmento do conteúdo menu de cabeçalho ou barra de ação. As extensões são escritas em JavaScript, executadas como aplicativos do App Builder, e podem implementar uma interface de usuário da Web personalizada e ações sem servidor do Adobe I/O Runtime para executar um trabalho mais intenso e de longa duração.

Extensão do console Fragmentos de conteúdo do AEM
Tipo de extensão Descrição Parâmetro(s)
Menu Cabeçalho Adiciona um botão ao cabeçalho que é exibido quando zero Fragmentos de conteúdo são selecionados. Nenhum.
Barra de ação Adiciona um botão à barra de ação que é exibida quando um ou mais Fragmentos de conteúdo são selecionados. Uma matriz dos caminhos dos Fragmentos do conteúdo selecionados.

Uma única extensão do console Fragmentos de conteúdo AEM pode incluir zero ou um menu Cabeçalho e zero ou um tipo de extensão da Barra de ação. Se vários tipos de extensão do mesmo tipo forem necessários, várias extensões do Console de Fragmentos de Conteúdo do AEM deverão ser criadas.

AEM as extensões do console Fragmentos de conteúdo exigem um Projeto do Adobe Developer Console e um Aplicativo do App Builder usando o @adobe/aem-cf-admin-ui-ext-tpl modelo, associado ao projeto do Console do Adobe Developer.

Selecione entre os seguintes recursos ao gerar o aplicativo App Builder, com base no que a extensão faz. Qualquer combinação de opções pode ser usada em uma extensão.

Adicionar botão a Menu Cabeçalho Adicionar botão a Barra de ação Mostrar Modal Adicionar manipulador do lado do servidor
Disponível quando Fragmentos de conteúdo não estão selecionados
Disponível quando um ou mais Fragmentos de conteúdo são selecionados
Coleta entrada personalizada do usuário ✔️
Exibe comentários personalizados para o usuário ✔️
Invoca solicitações HTTP para AEM
Invoca solicitações HTTP para serviços do Adobe/de terceiros

Documentação do Adobe Developer

O Adobe Developer contém detalhes do desenvolvedor sobre AEM extensões do console do fragmento de conteúdo. Revise o Conteúdo do Adobe Developer para obter mais detalhes técnicos.

Desenvolver uma extensão

Siga as etapas descritas abaixo para saber como gerar, desenvolver e implantar uma extensão do console Fragmento de conteúdo AEM para AEM as a Cloud Service.

1. Criar um projeto

Crie um projeto do Console do Adobe Developer que defina seu acesso a outros serviços da Adobe e gerencie suas implantações.

Criar um projeto do Adobe Developer

2. Inicializar um aplicativo de extensão

Inicialize um aplicativo App Builder de extensão do console Fragmento de conteúdo AEM que define onde a extensão aparece e o trabalho que ele executa.

Inicializar um aplicativo de extensão

3. Registro da extensão

Registre a extensão no Console do fragmento de conteúdo AEM como um menu de cabeçalho ou tipo de extensão da barra de ação.

Registrar a extensão

4a. Menu Cabeçalho

Saiba como criar uma extensão de menu de cabeçalho do Console do fragmento de conteúdo AEM.

Estender o menu de cabeçalho

4b. Barra de ações

Saiba como criar uma extensão de barra de ação do Console do fragmento de conteúdo AEM.

Estender a barra de ações

5. Modal

Adicione um modal personalizado à extensão que pode ser usado para criar experiências com o bespoke para usuários. Os módulos geralmente coletam informações dos usuários e exibem os resultados de uma operação.

Adicionar um modal

6. Ação Adobe I/O Runtime

Adicione uma ação de Adobe I/O Runtime sem servidor que a extensão pode invocar para interagir com Fragmentos de conteúdo e AEM para executar operações comerciais personalizadas.

Adicionar uma ação do Adobe I/O Runtime

7. Teste

Teste as extensões durante o desenvolvimento e compartilhe extensões concluídas em testadores de controle de qualidade ou UAT usando um URL especial.

Testar a extensão

8. Implantação de produção

Implante a extensão no Adobe I/O, tornando-a disponível para AEM usuários. As extensões também podem ser atualizadas e removidas.

Implantar na produção

Exemplo de extensões

Exemplo AEM extensões do console do fragmento de conteúdo.

Extensão de atualização de propriedade em massa

Explore um exemplo de extensão da barra de ação que atualiza em massa uma propriedade dos Fragmentos de conteúdo selecionados.

Explore a extensão de exemplo

Geração e upload de imagens baseadas em OpenAI para AEM extensão

Explore um exemplo de extensão da barra de ação que gera uma imagem usando OpenAI, a carrega no AEM e atualiza a propriedade da imagem no Fragmento do conteúdo selecionado.

Explore a extensão de exemplo

Nesta página