Capítulo 5 - Criação de páginas dos serviços de conteúdo

O capítulo 5 do tutorial sem periféricos do AEM aborda a criação da página a partir dos modelos definidos no Capítulo 4. A página criada neste capítulo atuará como o ponto de extremidade HTTP JSON para o aplicativo móvel.

NOTE
A arquitetura de conteúdo da página de /content/wknd-mobile/en/api O foi pré-criado. As páginas base de en e api servem um propósito arquitetônico e organizacional, mas não são estritamente necessários. Se o conteúdo da API puder ser localizado, é prática recomendada seguir as práticas recomendadas habituais da organização de Cópia de idioma e Página de vários sites, já que a página da API pode ser localizada como qualquer uma das páginas do AEM Sites.

Criando a página API de evento

  1. Navegue até AEM > Sites > WKND Mobile > English >API.

  2. Toque no rótulo da página da API, em seguida, toque na guia Criar na barra de ações superior e crie uma nova página API de eventos na página API.

    1. Toque Criar na barra de ação superior
    2. Selecionar API de eventos modelo
    3. No Nome campo inserir events
    4. No Título campo inserir API de eventos
    5. Toque Criar na barra de ação superior para criar a página
    6. Toque Concluído para retornar ao administrador do AEM Sites

Criação da página da API de eventos

NOTE
O projeto fornece CSS para fornecer alguns estilos básicos à experiência do autor.
  1. Edite o API de eventos página navegando até AEM > Sites > WKND Mobile > Inglês > API, selecionando o API de eventos página e toque Editar na barra de ação superior.

  2. Adicionar um imagem de logotipo para exibir no aplicativo, arraste e solte-o do Localizador de ativos no espaço reservado do componente Imagem.

    • Use o logotipo fornecido, encontrado em /content/dam/wknd-mobile/images/wknd-logo.png.
  3. Adicionar linha da tag para exibir acima dos eventos.

    1. Edite o Texto componente
    2. Insira o texto:
      • The WKND is here.
  4. Selecione o events para exibir:

    1. Defina a seguinte configuração no Propriedades guia:

      • Modelo: Evento
      • Caminho pai: /content/dam/wknd-mobile/en/events
      • Tags: <leave blank="">
    2. Defina a seguinte configuração no Elementos guia:

      • Remova todos os elementos listados, para garantir que TODOS os elementos dos Fragmentos de conteúdo do evento sejam expostos.

Revise a saída JSON da página da API

A saída JSON e seu formato podem ser revisados solicitando a Página com o .model.json seletor.

Essa estrutura JSON (ou esquema) deve ser bem compreendida pelos consumidores dessa API. É essencial que os consumidores de API entendam quais aspectos da estrutura são fixos (ou seja, o Logotipo da API de evento (Imagem) e a Tag ativa (Texto), que são fluidos (ou seja, os eventos listados em Componente de lista do fragmento de conteúdo).

Romper este contrato em uma API publicada pode resultar em comportamento incorreto no consumo de aplicativos.

  1. Em novas guias do navegador, solicite as páginas da API de eventos usando o .model.json seletor, que chama o Exportador JSON do AEM Content Services e serializa a Página e os Componentes em uma estrutura JSON normalizada e bem definida.

    A estrutura JSON produzida por essas páginas é a estrutura que os aplicativos que consomem devem se alinhar.

  2. Solicite o API de eventos página como JSON.

    O resultado deve ser semelhante a:

Saída JSON do AEM Content Services

NOTE
Esse JSON pode ser emitido em um arrumado forma (formatada) para legibilidade humana, utilizando o .tidy seletor:

Próxima etapa

Como opção, instale o com.adobe.aem.guides.wknd-mobile.content.chapter-5.zip pacote de conteúdo no AEM Author via Gerenciador de pacotes AEM. Este pacote contém as configurações e o conteúdo descritos neste e nos capítulos anteriores do tutorial.

recommendation-more-help
e25b6834-e87f-4ff3-ba56-4cd16cdfdec4