Introdução aos Componentes principais core-components-introduction

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 resources

  • 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 features

Prontos para produção
Os componentes principais incluem 30 componentes WCM robustos, 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.
Responsivo
Todos os Componentes principais foram projetados para serem totalmente responsivos, garantindo uma experiência perfeita em todos os dispositivos
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 são compatíveis com a navegação pelo 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 do WCM the-wcm-components

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

Componentes de modelos template-components

Componentes de Criação de página page-authoring-components

Componentes de Contêineres container-components

Componentes de formulários form-components

NOTE
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.
NOTE
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 system-requirements

Lançamento dos Componentes principais
AEM as a Cloud Service
Nível de correção do AEM 6.5
Versão do Java SE
Versão do Maven
2.27.0
Contínuo
6.5.21.0+
8, 11
3.3.9+

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, confira esta visão geral do SDK do AEM as a Cloud Service ou este documento para versões mais antigas do AEM.

TIP
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.

Outros componentes other-components

Há componentes adicionais disponíveis para autores do AEM, que estão integrados nos componentes principais.

recommendation-more-help
d2be9096-a81e-404b-9952-d8925af7219c