Introdução aos Componentes principais

No Adobe Experience Manager, os componentes são os elementos estruturais que constituem o conteúdo das páginas criadas. Os componentes sempre foram um elemento fundamental da experiência do AEM, tornando a criação de páginas simples, mas poderosa para o autor e o desenvolvimento de componentes flexíveis e extensíveis para o desenvolvedor.

Os Componentes principais são um conjunto de componentes padronizados de Gerenciamento de Conteúdo Online (WCM, na sigla em inglês) para que o AEM acelere o tempo de desenvolvimento e reduza o custo de manutenção de seus sites.

Recursos

  • Biblioteca de componentes: Uma coleção de exemplos para exibir os componentes em suas várias configurações.
  • Documentação de componentes (este documento): Para desenvolvedores e autores, com detalhes sobre cada componente.
  • Repositório GitHub dos Componentes principais: Para detalhes do desenvolvedor sobre cada componente e download do projeto.
  • Introdução:
    • Sucesso com os Componentes principais: Diretrizes que devem ser consideradas antes do início de qualquer projeto que usará os Componentes principais.
    • Tutorial do WKND: Tutorial de dois dias para criar um novo site.
    • Tutorial do Summit: Tutorial de duas horas para a criação de um novo site (de um laboratório no US Summit 2019).
    • Gems Webinar: Tour orientado sobre os Componentes principais (gravado em dezembro de 2018).

Recursos

Prontos para produção Os Componentes principais são 28 componentes robustos e bem testados, amplamente usados e que apresentam um bom desempenho.
Prontos para nuvem Seja no AEM as a Cloud Service, no Adobe Managed Services, ou no local, eles simplesmente funcionam.
Versáteis Os componentes representam conceitos genéricos com os quais os autores podem reunir quase qualquer layout.
Configuráveis As políticas de conteúdo no nível do modelo definem quais recursos os autores da página podem usar ou não usar.
Rastreáveis A integração da Camada de dados de clientes Adobe permite rastrear todos os aspectos da experiência do visitante.
Acessíveis Eles estão em conformidade com o padrão WCAG 2.1, fornecem rótulos ARIA e suportam a navegação do teclado (problemas conhecidos).
Compatíveis com SEO A saída HTML é semântica e fornece anotações de microdados schema.org.
Prontos para aplicativos Web A saída JSON simplificada permite renderização no lado do cliente, ainda com uma possibilidade de edição no contexto.
Suporte ao AMP Os componentes têm suporte para o padrão AMP integrado, o que acelera suas experiências em dispositivos móveis.
Kit de design Um kit de interface do usuário para Adobe XD permite que os designers criem wireframes para que possam estilizar conforme necessário.
Temáticos Os componentes implementam o Sistema de Estilos, e a marcação segue as convenções de CSS de BEM.
Personalizáveis Vários padrões permitem fácil personalização, desde o ajuste do HTML até a reutilização de funcionalidade avançada.
Versões A política de controle de versão garante que os Componentes principais não interrompam seu site ao melhorar coisas que podem afetar você.
Localizáveis A resolução de referência inteligente permite que certos componentes encontrem e renderizem conteúdos correspondentes localizados automaticamente.
Código aberto Se algo não sair como deveria, contribua com suas melhorias!

Os componentes

A versão atual dos Componentes principais apresenta os seguintes componentes:

Componentes de modelos

Componentes de Criação de página

Componentes de Contêineres

Componentes de formulários

OBSERVAÇÃO

Os Componentes principais não estão imediatamente disponíveis para os autores, a equipe de desenvolvimento deve primeiro integrá-los ao seu ambiente. Uma vez integrados, eles podem ser disponibilizados e pré-configurados pelo editor de modelos.

OBSERVAÇÃO

Algumas versões dos Componentes principais individuais podem ser compatíveis apenas com certas versões do AEM.

Consulte a página de ajuda individual (ligada à lista anterior) para o componente específico para informações de compatibilidade ou referência das Versões dos componentes principais para mais informações.

Requisitos do sistema

Componentes principais AEM as a Cloud Service AEM 6.5 AEM 6.4 Java SE Maven
2.17.12 Contínuo 6.5.6.0+ * 6.4.8.4+ * 8, 11 3.3.9+
OBSERVAÇÃO

(*) Desde a versão 2.11.0, a versão org.apache.sling.models.impl 1.4.12 ou superior é necessária (devido a SLING-8781). Isso será fornecido futuramente para o AEM 6.4 e 6.5 em um Service Pack. Até lá, o pacote Sling Models estará incluído no pacote core.wcm.components.all.

Para saber quais são os requisitos das versões anteriores dos Componentes principais, consulte Versões dos Componentes principais.

Os Componentes principais exigem o uso de modelos editáveis e não são compatíveis com a IU Clássica nem com modelos estáticos. Se necessário, verifique as Ferramentas de modernização do AEM para atualizar seu projeto com esses recursos modernos do AEM.

Para configurar seu ambiente de desenvolvimento local, veja esta visão geral do SDK do AEM as a Cloud Service ou este documento para versões mais antigas do AEM.

DICA

Os Componentes principais fazem parte automaticamente do AEM as a Cloud Service, e você sempre terá a versão mais recente dos Componentes principais.

Consulte o documento Uso dos Componentes principais para mais informações sobre como começar a usar os Componentes principais no AEMaaCS e no local.

Nesta página