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ção de 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 em isolar, ou seja, em AEM ou em um portal.

Componentes prontos para uso em AEM

AEM vem com uma variedade de componentes prontos para uso que fornecem funcionalidade abrangente, incluindo:

  • Sistema de parágrafos ( parsys)
  • Página ( responsivegrid - somente 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 ajudam na migração 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 Componentes.

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

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

  2. Na guia Query, selecione XPath como Tipo.

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

    //element(*, cq:Component)

  4. Clique em Execute e os componentes serã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