- Introdução ao Screens
- Visão geral e Guia Kickstart
- Noções básicas sobre a rede de cartazes digitais
- Configuração e administração
- Configurações do servidor do Screens
- Configuração de configurações do Dispatcher
- Instalando o reprodutor de telas
- Reprodutor de telas de conexão
- Registro do dispositivo
- Configuração de ACLs
- Lista de verificação de segurança do AEM Screens
- Transição do ContentSync para o SmartSync
- Novo Importador de Projeto do Arquivo
- Replicação de acionadores de dados para servidores de publicação
- Considerações específicas do cliente
- Publicação do autor
- Integração do Analytics com o AEM Screens
- Exemplos de casos de criação e uso
- Configurando um projeto do Screens
- Usando os principais recursos do produto
- Sobreposição de texto
- Atualização em massa off-line
- Serviço de notificações da AEM Screens
- Uso de Fragmentos de experiência
- Ativação de nível de ativo
- Ativação de nível de canal
- Criação e gerenciamento de uma Live Copy
- Criação de um fluxo de trabalho de preenchimento de vídeo
- Adição de componentes a um canal
- Sequências incorporadas
- Layout de várias zonas
- Representações de vídeo
- Sequência incorporada dinâmica
- Duração da reprodução de imagem em massa no nível do canal
- Sincronização de comandos
- Criação com acionadores de dados
- Reconhecimento de voz
- Relatório de atribuição de conteúdo
- Gerenciamento de atualizações de conteúdo
- Exemplos de caso de uso
- Recursos do desenvolvedor e da API
- REST APIs
- Desenvolvimento de um componente personalizado para AEM Screens
- Canais off-line
- Extensão de um componente AEM Screens
- Criação de componentes
- Como incorporar um aplicativo REACT usando AEM Editor SPA e Integração com o AEM Screens Analytics
- Configuração do ContextHub no AEM Screens
- Criação de modelos personalizados para layouts de várias zonas
- Aplicação de marca personalizada e estilo para sobreposições de texto
- Solução de problemas e perguntas frequentes
- Notas de versão
- Notas de versão do Feature Pack 202011
- Notas de versão do Feature Pack 2008
- Notas de versão do Feature Pack 202004
- Notas de versão do Feature Pack 202001
- Notas de versão do Feature Pack 201909
- Notas de versão do Feature Pack 201907
- Notas de versão do Feature Pack 201905
- Notas de versão do Feature Pack 201812
- Notas de versão do Feature Pack 201809
Criação de componentes
AEM componentes são usados para manter, formatar e renderizar o conteúdo disponibilizado em suas páginas da Web.
Para saber mais sobre os detalhes da criação de componentes AEM, consulte Desenvolvimento de componentes AEM.
Criação de Canais
O canal é o objeto central do conteúdo entregue a um conjunto de exibições. Portanto, um autor de conteúdo normalmente abriria um canal no editor para adicionar ou modificar conteúdo. Como o Canal é cq:Page, ele seguirá o mesmo padrão UX tradicional para adicionar e alterar componentes no canal.
No entanto, como os componentes dentro de um canal normalmente são renderizados em tela cheia, a experiência de criação sofrerá ao tentar editar componentes únicos ou compor novos pedidos. Portanto, o canal dependerá de seletores para renderizar visualizações diferentes dos componentes. O ambiente de criação aproveitará o seletor de edição para ativar a renderização personalizada do canal.
Por exemplo, http://localhost:4502/editor.html/content/screens/we-retail/channels/idle.edit.html] (http://localhost:4502/editor.html/content/screens/we-retail/channels/idle.edit.html
O usuário não precisa adicionar o seletor ao URL durante a edição. Uma lógica do lado do cliente está escutando o evento de switch de camada e adiciona o seletor se o canal tiver o tipo de recurso dedicado screens/core/components/canal.
Renderizando componentes
Para habilitar a criação adequada, os componentes precisam fornecer as duas renderizações a seguir:
| Componente | Representações |
|---|---|
| my-component/my-component.html | renderização de produção |
| my-component/edit.html | edição da renderização em uma visualização menor |
Os componentes incorporados aproveitam as seguintes categorias da biblioteca do cliente:
| Componente | Biblioteca do cliente |
|---|---|
| cq.screens.components.edit | CSS e JS que devem ser carregados durante a criação |
| cq.screens.components.production | CSS e JS que devem ser carregados quando o canal estiver em execução |
| cq.screens.components | CSS e JS compartilhados |
Para desenvolver componentes personalizados, use o modelo de componente de amostra da AEM Screens.