Visão geral dos componentes

Esta página fornece uma visão geral dos componentes do Adobe Experience Manager (AEM), como os usados para criaçãode página.

O que são os componentes?

  • Unidades modulares que realizam funcionalidades específicas para apresentar seu conteúdo em seu site.
  • Reutilizável.
  • Desenvolvido como unidades independentes em uma pasta do repositório.
  • Não tem arquivos de configuração ocultos.
  • Pode conter outros componentes.
  • Pode ser executado em qualquer lugar dentro de qualquer sistema AEM. Eles também podem ser limitados a serem executados em componentes específicos.
  • Tenha uma interface de usuário padronizada.
  • Ter comportamento de edição que possa ser configurado.
  • Usar caixas de diálogo que são criadas usando subelementos com base em componentes da interface do usuário do Granite
  • São desenvolvidos usando HTL (recomendado) ou JSP.
  • Pode ser desenvolvido para criar componentes personalizados que estendem a funcionalidade padrão.

Como os componentes são modulares, você pode:

  • Desenvolva um novo componente na sua instância local.
  • Implante-o no ambiente de teste.
  • Implante-o em seu ambiente de criação ao vivo, onde eles permitem que autores e/ou administradores adicionem e configurem conteúdo.
  • Implante-o em seus ambientes de publicação ao vivo, onde eles são usados para renderizar o conteúdo de visitantes em seu site. Determinados componentes, por exemplo para Comunidades, também aceitam informações de seus usuários.

Cada componente AEM:

  • É um tipo de recurso.
  • É uma coleção de scripts que executa completamente uma função específica.
  • Pode funcionar isoladamente, ou seja, dentro de AEM ou de um portal.

Componentes prontos para uso dentro do AEM

AEM comes with a variety of out-of-the-box components that provide comprehensive functionality including:

  • Sistema de parágrafos ( parsys)
  • Página (somente responsivegrid - interface habilitada para toque)
  • Texto
  • Imagem, acompanhado do texto
  • Barra de ferramentas

Os componentes fornecidos e seu uso nos sites We.Retail de amostra fornecidos ilustram como implementar e usar componentes. Os componentes são fornecidos com todo o código fonte e podem ser usados como estão ou como pontos de partida para componentes modificados ou estendidos.

Componentes principais e componentes básicos

Há dois conjuntos de componentes de AEM fornecidos pelo Adobe disponíveis:

Os componentes principais foram introduzidos com AEM 6.3 e funcionalidade de criação flexível e repleta de recursos para ofertas. O site de referência We.Retail ilustra como os componentes principais podem ser usados e representa as práticas recomendadas atuais do desenvolvimento de componentes.

Os componentes básicos foram disponibilizados com AEM para muitas versões e estão disponíveis prontamente em uma instalação AEM padrão. Embora ainda seja suportado, a maioria foi substituída, não é mais aprimorada e se baseia em tecnologias herdadas.

Observação

Os Componentes principais representam as práticas recomendadas atuais para o design e desenvolvimento de componentes e servem como implementações de referência.

AEM Ferramentas de Modernização podem ajudar a migrar para os Componentes Principais.

Exibindo componentes disponíveis

Para obter uma visão geral de todos os componentes disponíveis em sua instância AEM, use o Console decomponentes.

Como alternativa, você também pode usar o CRXDE Lite para obter uma lista de todos os componentes disponíveis no repositório.

  1. No CRXDE Lite, selecione Ferramentas na barra de ferramentas e, em seguida, no Query, que abre a guia Query .

  2. Na guia Query , selecione XPath como Tipo.

  3. No campo de entrada do Query , digite a seguinte string:

    /element(*, cq:Component)

  4. Clique em Executar e os componentes são listados.

Recursos adicionais

As páginas a seguir fornecem informações mais detalhadas sobre o desenvolvimento desses componentes e de outros componentes:

Nesta página