- Visão geral do Guia do usuário de desenvolvimento
- Introdução para desenvolvedores
- Introdução ao desenvolvimento do AEM Sites - Tutorial de WKND
- Conceitos principais AEM
- Estrutura da interface habilitada para toque AEM
- Conceitos da interface de usuário habilitada para toque AEM
- Desenvolvimento de AEM - diretrizes e práticas recomendadas
- Usando bibliotecas do lado do cliente
- Desenvolvendo e comparação de páginas
- Limitações do editor
- Quadro de proteção do QREF
- Modelagem de dados - Modelo de David Nuescheler
- Contribuição para AEM
- Segurança
- Materiais de referência
- Criar um site de recursos completos (interface clássica)
- Designs e o Designer (interface clássica)
- Migração para a interface de usuário de toque
- Plataforma
- Folha de características do Sling
- Uso de adaptadores Sling
- Bibliotecas de tags
- Modelos
- Utilização da fusão de recursos Sling em AEM
- Sobreposições
- Convenções de nomenclatura
- Criando um novo componente de campo da interface do usuário do Granite
- Query Builder
- Marcação com tags
- Personalização de páginas mostradas pelo manipulador de erros
- Tipos de nó personalizados
- Adicionar fontes para renderização de gráficos
- Conexão com Bancos de Dados SQL
- Externalização de URLs
- Criando e Consumindo Trabalhos para Descarregamento
- Configuração do uso de cookies
- Como acessar programaticamente o JCR AEM
- Integração de serviços com o console JMX
- Desenvolver o Editor em massa
- Desenvolvimento de relatórios
- eCommerce
- Componentes
- Componentes principais
- Sistema de estilos
- Visão geral dos componentes
- Componentes AEM - Noções básicas
- Desenvolvimento de componentes AEM
- Desenvolvimento de componentes AEM - exemplos de código
- Exportador JSON para serviços de conteúdo
- Ativando a exportação JSON para um componente
- Editor de imagem
- Tag de decoração
- Como usar Ocultar condições
- Configuração de vários editores no local
- Modo de desenvolvedor
- Testando sua interface de usuário
- Componentes para fragmentos de conteúdo
- Obter informações da página no formato JSON
- Internacionalização
- Componentes da interface clássica
- Gerenciamento de experiência headless
- Sem cabeça e Híbrido com AEM
- Ativando a exportação JSON para um componente
- Aplicativos de página única
- Introdução SPA e Walkthrough
- Tutorial SPA WKND
- Introdução ao SPA no AEM - Reagir
- Introdução ao SPA no AEM - Angular
- Implementação de um componente de reação para SPA
- SPA Deep Dives
- Visão geral do editor de SPA
- Desenvolver SPA para AEM
- SPA Blueprint
- Componente da página SPA
- Modelo dinâmico para mapeamento de componentes para SPA
- roteamento Modelo SPA
- Integração SPA e Adobe Experience Platform Launch
- Renderização do servidor e do SPA
- Materiais de referência SPA
- API HTTP
- Fragmentos de conteúdo
- Fragmentos de experiência
- Como entender os fragmentos de conteúdo e os serviços de conteúdo no AEM
- Ferramentas de desenvolvimento
- Ferramentas de desenvolvimento
- Ferramentas de Modernização do AEM
- Editor de diálogo
- Ferramenta de conversão de diálogo
- Desenvolvimento com CRXDE Lite
- Gerenciamento De Pacotes Usando O Maven
- Como desenvolver projetos AEM usando o Eclipse
- Como criar projetos AEM usando o Apache Maven
- Como desenvolver projetos AEM usando o IntelliJ IDEA
- Como usar a ferramenta VLT
- Como usar a ferramenta Servidor proxy
- Extensão dos colchetes AEM
- Ferramentas de desenvolvedor AEM para Eclipse
- Ferramenta AEM Repo
- Personalização
- ContextHub
- Configuração do Context Hub
- Adicionando o ContextHub a páginas e acessando lojas
- Extensão do ContextHub
- Amostra de candidatos à loja do ContextHub
- Exemplos de tipos de módulos de interface do usuário do ContextHub
- Diagnóstico do ContextHub
- Desenvolvimento de conteúdo direcionado
- Referência da API JavaScript do ContextHub
- ClientContext
- Extensão de AEM
- Personalização da criação de página
- Personalização dos consoles
- Personalização de Visualizações de propriedades da página
- Configuração da página para edição em massa das propriedades da página
- Personalização e extensão de fragmentos de conteúdo
- Fragmentos de conteúdo configuram componentes para renderização
- Fragmentos de experiência
- Extensão de Workflows
- Desenvolvimento e extensão de Workflows
- Criação de modelos de fluxo de trabalho
- Ampliação da funcionalidade do fluxo de trabalho
- Interação programática com Workflows
- Referência da Etapa do Fluxo de Trabalho
- Práticas recomendadas do fluxo de trabalho
- Referência do processo de fluxo de trabalho
- Variáveis em workflows AEM
- Extensão do Gerenciador de vários sites
- Rastreamento e análise
- Cloud Services
- Criação de extensões personalizadas
- Forms
- Integração de serviços com o console JMX
- Desenvolver o Editor em massa
- Extensão da interface clássica
- Testes
- Planejamento
- Quais Ambientes de teste serão necessários?
- Definição dos casos de teste
- Teste - quando e com quem?
- Compilação do plano de teste
- Rastrear resultados e fornecer feedback
- Ferramentas de teste e rastreamento
- Aceitação e logoff
- A próxima versão…
- Listas de verificação
- Dia difícil
- Testando sua interface de usuário
- Práticas recomendadas
- Visão geral das práticas recomendadas
- Diretrizes de desenvolvimento de AEM e práticas recomendadas
- Práticas recomendadas de desenvolvimento
- Arquitetura de conteúdo
- Arquitetura de software
- Implementação de referência We.Retail
- Implementação de referência do We.Retail
- Experimentar fragmentos de conteúdo no We.Retail
- Experimente os componentes principais no We.Retail
- Tentando modelos editáveis em We.Retail
- Tentando um layout responsivo no We.Retail
- Tentando a estrutura do site globalizado no We.Retail
- Experimentar fragmentos de experiência no We.Retail
- Dicas de codificação
- Armadilhas de código
- Pacotes OSGI
- Integração JCR
- Amostras de código
- Solução de problemas de Query lentos
- Web móvel
Documentação
Desenvolvimento de componentes AEM - exemplos de código
Esta seção fornece alguns exemplos sobre como criar seus próprios componentes para AEM.
Para os conceitos subjacentes, consulte:
Para obter informações sobre a interface clássica, consulte AEM Componentes para a interface clássica.
OBSERVAÇÃO
Para ajudá-lo a analisar, testar e depurar seus componentes, o AEM fornece:
Exemplo de código - Como personalizar campos de diálogo
CÓDIGO NO GITHUB
Você pode encontrar o código desta página no GitHub
- Abra o projeto aem-authoring-dialog-fields-customization no GitHub
- Baixe o projeto como um arquivo ZIP
OBSERVAÇÃO
Este exemplo de código está relacionado à sessão Gems AEM em Personalizando campos de diálogo.
Recursos relacionados
Adicionar nova ação a uma barra de ferramentas do componente
Novas ações podem ser adicionadas às barras de ferramentas do componente usando a camada de edição do editor de página.
Detalhes, juntamente com links para a amostra de código, estão em Adicionar nova ação a uma barra de ferramentas de componente.
Personalização e extensão de fragmentos de conteúdo
Você pode desejar estender o componente padrão Fragmento de conteúdo para adicionar recursos.
Os detalhes estão em Personalização e extensão de fragmentos de conteúdo.