Visão geral dos componentes

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

O que são 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 em qualquer sistema AEM. Eles também podem se limitar a ser executados em componentes específicos.
  • Ter uma interface de usuário padronizada.
  • Ter um comportamento de edição que possa ser configurado.
  • Usar caixas de diálogo que são criadas usando subelementos com base nos 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 instância local.
  • Implante-o no ambiente de teste.
  • Implante-o no ambiente de criação ao vivo, onde eles permitem que autores e/ou administradores adicionem e configurem conteúdo.
  • Implante-o em seu ambiente de publicação ao vivo, onde eles são usados para renderizar o conteúdo para os visitantes do 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 isolamento, ou seja, dentro de AEM ou de um portal.

Componentes prontos para uso no AEM

AEM vem com uma variedade de componentes prontos para uso que oferecem funcionalidades abrangentes, incluindo:

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

Os componentes fornecidos e seu uso na variável Sites We.Retail de exemplo fornecido ilustra 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:

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

Componentes básicos estão disponíveis com AEM para várias versões e estão disponíveis prontamente em uma instalação padrão do AEM. Embora ainda sejam compatíveis, a maioria foi substituída, não são mais aprimoradas e se baseiam em tecnologias herdadas.

OBSERVAÇÃO

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

Ferramentas de Modernização AEM pode ajudar na migração para os Componentes principais.

Visualizando componentes disponíveis

Para obter uma visão geral de todos os componentes disponíveis na sua instância do AEM, use o Console de 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, em seguida Query, que abre o Query guia .

  2. No Query guia , selecione XPath as Tipo.

  3. No Query campo de entrada, 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 — e de outros — componentes:

Nesta página