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 do AEM Screens.
Como exemplo, o fluxo de trabalho a seguir demonstra o uso de fragmentos de experiência do We.Retail em Sites. Você pode escolher uma página da Web e aproveitar esse conteúdo no 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é DemoProject criado e selecione a pasta Canais.
Clique em Criar na barra de ações para abrir o assistente.
Escolha o modelo Canal de sequência no assistente e clique em Próximo.
Insira o Title como TestChannel e clique em Create.
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é uma página Sites no We.Retail
Navegue até Sites e selecione We.Retail -> Estados Unidos -> English -> Equipment e selecione esta página para usá-la como um fragmento de experiência para seu 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 canal do Screens.
Reutilizar o conteúdo
Criação de fragmentos de experiência
Escolha Action como Create a new Experience Fragment.
Selecione o Caminho pai.
Selecione o Modelo. Escolha o modelo Fragmento de experiência - Variação de telas aqui (valor no campo /libs/settings/screens/experience-fragments/templates/experience-fragment-template-screens
).
Insira o Título do fragmento como ScreensFragment.
Clique na marca de seleção para concluir a criação de um novo fragmento de experiência.
Observação: Para selecionar uma opção mais fácil, clique na marca de seleção à direita dos campos para abrir a caixa de diálogo de seleção.
Criação de uma Live Copy do Fragmento de experiência
c. Selecione o Fragmento do Screens no assistente Criar Live Copy e clique em Próximo .
d. Insira o 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 do Screens, você pode editar as propriedades do fragmento. Selecione o fragmento e clique em Propriedades na barra de ações.
Editar as propriedades de um fragmento do Screens
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 seu fragmento de experiência.
O exemplo a seguir mostra a adição das bibliotecas do lado do cliente e das fontes como parte dos arquivos estáticos ao seu fragmento de experiência.
Uso do fragmento de experiência como um componente no canal do Screens
Navegue até o canal do Screens, onde deseja usar o fragmento Screens.
Selecione o TestChannel e clique em Editar na barra de ações.
Clique no ícone 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 live copy Screens do fragmento que você criou em Etapa 3 em Path.
f. Selecione a live copy Screens do fragmento que você criou em Etapa 3 no Fragmento de experiência.
h. Insira os milissegundos em Duration.
i. Selecione a 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 os arquivos estáticos, além do que você configurou na etapa 4, é possível adicionar 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ê visualizará o conteúdo da página Sites (live copy do fragmento de experiência) no seu canal, conforme 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 implementação.
Desde o Fragmento de experiência, criamos uma live copy das páginas Sites, portanto, se você fizer alterações nesse fragmento específico da página principal, exibirá as alterações no seu canal ou no destino onde você usou o Fragmento de experiência.
Para obter mais informações sobre a Live Copy, consulte Reutilizar 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 na chave inglesa para abrir a caixa de diálogo para editar as imagens.
A caixa de diálogo Grade de Produto é aberta.
Você pode editar qualquer uma das imagens. Por exemplo, aqui a primeira imagem é substituída neste fragmento.
Selecione o Fragmento de experiência e clique no ícone Implantação para propagar as alterações no fragmento usado em seu canal.
Clique em Implantação para confirmar as alterações.
Você verá que as alterações são implementadas.
Siga as etapas abaixo para confirmar as alterações no seu canal:
Navegue até Screens -> Canais -> TestChannel.
Clique em Preview na barra de ações para confirmar as alterações.
A imagem a seguir ilustra as alterações em seu TestChannel: