Esta página aborda os seguintes tópicos:
Um Fragmento de experiência é um grupo de um ou mais componentes, incluindo o conteúdo e o layout que podem ser referenciados nas páginas. Fragmentos de experiência podem conter qualquer componente, como um ou vários componentes que podem conter qualquer elemento dentro de um sistema de parágrafos, que será referenciado na experiência completa ou solicitado por um terceiro terminal.
O exemplo a seguir usa We.Retail como um projeto de demonstração de onde o Fragmento de experiência é aproveitado de uma página Sites para um projeto da AEM Screens.
Como exemplo, o fluxo de trabalho a seguir demonstra o uso de fragmentos de experiência de We.Retail em Sites. Você pode escolher uma página da Web e aproveitar esse conteúdo em seu canal AEM Screens em um de seus projetos.
Criação de um projeto de demonstração com um Canal
Criação de um projeto
Um DemoProject será adicionado ao seu AEM Screens.
Criação de um canal
Navegue até a pasta DemoProject que você criou e selecione a pasta Canais.
Clique em Criar na barra de ações para abrir o assistente.
Escolha o modelo Canal de sequência do assistente e clique em Próximo.
Digite Title como TestChannel e clique em Criar.
Um TestChannel será adicionado ao DemoProject.
Siga as etapas abaixo para aproveitar o conteúdo de We.Retail para seu TestChannel em DemoProject.
Navegue até a página Sites em We.Retail
Navegue até Sites e selecione We.Retail In-Store -> Canais ->Canal Inativo - Night e selecione esta página para usá-la como um fragmento de experiência para o canal do Screens.
Clique em Editar na barra de ações para abrir a página que deseja usar como um fragmento de experiência para o seu canal do Screens.
Reutilizar o conteúdo
Criar fragmento de experiência
Escolha Action como Criar um novo fragmento de experiência.
Selecione Caminho principal.
Selecione Modelo. Escolha o modelo Fragmento de experiência - Variação de telas aqui.
Insira Título do fragmento como ScreensFragment.
Clique na marca de seleção para concluir a criação de um novo fragmento de experiência.
Criar Live Copy do fragmento de experiência
c. Selecione ScreensFragment do assistente Criar Live Copy e clique em Próximo.
d. Digite Title e Name como Screens.
e. Clique em Criar para criar a Live Copy.
f. Clique em Concluído para voltar à página ScreensFragment.
Depois de criar o fragmento Screens, você pode editar as propriedades do fragmento. Selecione o fragmento e clique em Propriedades na barra de ações.
Editar propriedades de um fragmento de tela
Navegue até ScreensFragment (você criou nas etapas anteriores) e clique em Propriedades na barra de ações.
Selecione a guia Config offline, conforme mostrado na figura abaixo.
Você pode adicionar as Bibliotecas do lado do cliente (java e css) e Arquivos estáticos ao fragmento da experiência.
O exemplo a seguir mostra a adição de bibliotecas do lado do cliente e de fontes como parte de arquivos estáticos ao fragmento da experiência.
Uso do fragmento de experiência como componente no Canal do Screens
Navegue até o canal Screens onde deseja usar o fragmento Screens.
Selecione TestChannel e clique em Editar na barra de ações.
Clique no ícone de componentes na guia lateral.
Arraste e solte o Fragmento de experiência no seu canal.
e. Selecione o componente Fragmento de experiência e selecione o ícone superior esquerdo (chave) para abrir a caixa de diálogo Fragmento de experiência.
f. Selecione a Screens cópia ativa do fragmento criado em Etapa 3 em Caminho.
f. Selecione a Screens cópia ativa do fragmento criado em Etapa 3 no Fragmento de experiência.
h. Digite os milissegundos em Duration.
i. Selecione Configuração offline na caixa de diálogo Fragmentos de experiência para definir as bibliotecas do lado do cliente e os arquivos estáticos.
Se quiser adicionar bibliotecas do lado do cliente ou arquivos estáticos além do que você configurou na etapa 4, adicione a partir da guia Configuração offline na caixa de diálogo Fragmento de experiência.
j. Clique na marca de seleção para concluir o processo.
Após concluir as etapas anteriores, você pode validar seu fragmento de experiência em ChannelOne ao:
Você vai visualização o conteúdo da página Sites (live-copy do fragmento de experiência) no seu canal, como mostrado na figura abaixo:
A Live Copy se refere à cópia (da origem), mantida pelas ações de sincronização, conforme definido pelas configurações de implantação.
Desde o Fragmento de experiência, criamos uma cópia ao vivo das páginas Sites, portanto, se você fizer alterações nesse fragmento específico a partir da página principal, você visualização as alterações no canal ou no destino em que usou o Fragmento de experiência.
Para obter mais informações sobre o Live Copy, consulte Reutilizando conteúdo: Gerenciador de vários sites e Live Copy.
Siga as etapas abaixo para propagar as alterações do canal principal para o canal de destino:
Selecione o Fragmento de experiência na página Sites (principal) e clique no ícone de lápis para editar os itens no Fragmento de experiência.
Selecione o Fragmento de experiência e clique no ícone de chave para abrir a caixa de diálogo para editar as imagens.
A caixa de diálogo Grade do Produto é aberta.
É possível editar qualquer uma das imagens. Por exemplo, aqui a primeira imagem é substituída nesse fragmento.
Selecione o Fragmento de experiência e clique no ícone de Rollout para propagar as alterações no fragmento usado no seu canal.
Clique em Rollout para confirmar as alterações.
Você verá que as alterações foram distribuídas.
Siga as etapas abaixo para confirmar as alterações em seu canal:
Navegue até Screens -> Canais -> TestChannel.
Clique em Pré-visualização na barra de ações para confirmar as alterações.
A imagem a seguir ilustra as alterações em seu TestChannel: