Show Menu
TÓPICOS×

Uso de Fragmentos de experiência

Esta página aborda os seguintes tópicos:
  • Visão geral
  • Usando Fragmentos de experiência no AEM Screens
  • Propagando alterações na página

Visão geral

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.

Usando Fragmentos de experiência no AEM Screens

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.

Pré-requisitos

Criação de um projeto de demonstração com um Canal
Criação de um projeto
  1. Clique em Criar projeto de telas para criar um novo projeto.
  2. Insira o Título como DemoProject .
  3. Clique em Salvar .
Um DemoProject será adicionado ao seu AEM Screens.
Criação de um canal
  1. Navigate to the DemoProject you created and select the Channels folder.
  2. Click Create from the action bar to open the wizard.
  3. Escolha o modelo de Canal de sequência no assistente e clique em Avançar .
  4. Enter the Title as TestChannel and click Create .
Um TestChannel será adicionado ao seu DemoProject .

Criação de um fragmento de experiência

Siga as etapas abaixo para aproveitar o conteúdo de We.Retail até seu TestChannel no DemoProject .
  1. Navegue até a página Sites em We.Retail
    1. Navegue até Sites e selecione We.Retail In-Store -> Canais -> Idle Canal - Night e selecione esta página para usá-la como um fragmento de experiência para seu canal Screens.
    2. 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.
  2. Reutilizar o conteúdo
    1. Selecione o fragmento que deseja incluir no seu canal.
    2. Clique no último ícone à direita para abrir a caixa de diálogo Converter em fragmento de experiência.
  3. Criar fragmento de experiência
    1. Escolha a Ação como Criar um novo fragmento de experiência.
    2. Selecione o caminho ​Pai.
    3. Select the Template . Escolha o modelo Fragmento de experiência - Variação de telas aqui.
    4. Enter the Fragment Title as ScreensFragment .
    5. Clique na marca de seleção para concluir a criação de um novo fragmento de experiência.
  4. Criar Live Copy do fragmento de experiência
    1. Navegue até o home page AEM.
    2. Selecione Fragmentos de experiência e destaque o Fragmento de tela e clique em Variação como live-copy , como mostrado na figura abaixo:
    c. Selecione o ScreensFragment do assistente Criar Live Copy e clique em Avançar .
    d. Insira o Título e o Nome como Telas .
    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
    1. Navegue até ScreensFragment (criado nas etapas anteriores) e clique em Propriedades na barra de ações.
    2. Selecione a guia Configuração ​offline, conforme mostrado na figura abaixo.
    Você pode adicionar as Bibliotecas do lado do cliente (java e css) e os 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.
  5. Uso do fragmento de experiência como componente no Canal do Screens
    1. Navegue até o canal Screens onde deseja usar o fragmento Screens .
    2. Selecione o TestChannel e clique em Editar na barra de ações.
    3. Clique no ícone de componentes na guia lateral.
    4. Arraste e solte o Fragmento de experiência em 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 cópia ativa do fragmento Screens criada na Etapa 3 no Caminho .
    f. Selecione a cópia ativa do fragmento Screens criada na Etapa 3 no Fragmento de experiência.
    h. Insira os milissegundos em Duração .
    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 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.

Validação do resultado

Após concluir as etapas anteriores, você pode validar seu fragmento de experiência no ChannelOne ao:
  1. Navegação até o TestChannel .
  2. Selecionando a Pré-visualização na barra de ação.
Você fará a visualização do conteúdo da página Sites (live-copy do fragmento da experiência) no seu canal, como mostrado na figura abaixo:

Propagando alterações na página

A Live Copy se refere à cópia (da origem), mantida pelas ações de sincronização, conforme definido pelas configurações de implantação.
Como 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 da página principal, você visualização as alterações no canal ou no destino onde você 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:
  1. 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.
  2. Selecione o Fragmento de experiência e clique no ícone de chave para abrir a caixa de diálogo para editar as imagens.
  3. A caixa de diálogo Grade do produto é aberta.
  4. É possível editar qualquer uma das imagens. Por exemplo, aqui a primeira imagem é substituída nesse fragmento.
  5. Selecione o Fragmento de experiência e clique no ícone de Rollout para propagar as alterações no fragmento usado no seu canal.
  6. Clique em Rollout para confirmar as alterações.
    Você verá que as alterações foram distribuídas.

Validando as alterações

Siga as etapas abaixo para confirmar as alterações em seu canal:
  1. Navegue até Screens -> Canais -> TestChannel .
  2. 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 :