Criação e adição de modelos e componentes creating-and-adding-templates-and-components
O AEM Mobile On-Demand fornece um modelo de aplicativo totalmente configurado, um modelo de artigo e componentes de artigo.
O aplicativo We.Unlimited é um modelo de amostra que representa o shell de um aplicativo AEM Mobile On-Demand totalmente configurável e gerenciável.
Selecionar esse modelo de amostra ao criar um aplicativo fornece um painel avançado de recursos do AEM Mobile.
Criação de modelos de aplicativo creating-app-templates
Um modelo de aplicativo é usado para criar um aplicativo e atua como uma coleção de modelos de página e componentes que representam uma linha de base ou base de um aplicativo. O modelo elimina algumas propriedades fundamentais para liderar o aplicativo da maneira apropriada. Em geral, um cliente não criaria muitos aplicativos no total.
Os modelos de aplicativo oferecem uma maneira fácil de usar os designs existentes criados pelos desenvolvedores, usados para a criação de novos aplicativos no AEM.
Ao criar um aplicativo com base no modelo de outro aplicativo, você obterá um aplicativo que tem um ponto de partida representativo do aplicativo no qual ele foi criado.
Etapas para criar um aplicativo com base em um modelo de aplicativo:
- Navegue até o catálogo de aplicativos do AEM Mobile: <server-url>/aem/apps.html/content/mobileapps
- Selecione Criar > Aplicativo como mostrado abaixo
Depois de criar um aplicativo usando esse modelo, você pode adicionar artigos, banners e coleções ao aplicativo. Para visitar novamente, criar artigos, banners e coleções, consulte Ações de gerenciamento de conteúdo.
Criação de modelos de conteúdo creating-content-templates
Cada tipo de entidade tem dois templates prontos para uso. São eles:
- Modelos padrão: usados para a criação de conteúdo com propriedades/estrutura padrão aplicáveis
- Modelos importados: usado para importar conteúdo do AEM Mobile com propriedades/estrutura padrão aplicáveis
Modelos de artigo article-templates
O Unlimited Article é um modelo de amostra representando um layout de artigo típico do AEM Mobile On-Demand.
-
Em Gerenciar Artigos, selecione + para criar um artigo. Você pode escolher um Artigo Ilimitado ou um Artigo de Rich Text. A imagem abaixo mostra a opção que permite escolher qualquer um desses dois modelos de artigo.
-
Clique em Avançar para definir os metadados do artigo, como Nome/Título do artigo, Descrição, Autor, Resumo, Departamento, Imagem em miniatura, Acesso ao artigo etc.
-
Clique em Avançar para preencher as Propriedades do Anúncio.
-
Clique em Avançar para inserir a imagem do artigo ou a imagem da rede social
-
Clique em Avançar para escolher uma coleção para a qual vincular este novo Artigo.
-
Clique em Avançar para inserir os detalhes de compartilhamento em redes sociais.
-
Clique em Criar para concluir o processo de criação de um artigo usando a amostra. Você pode clicar em Concluído ou Editar artigo para editar as propriedades deste artigo.
Adição de componentes ao artigo adding-components-to-article
Depois de criado, um autor pode editar o conteúdo de um artigo adicionando componentes como texto e imagens. Os artigos são uma extensão dos modelos de página do AEM.
Selecione um artigo que deseja editar e clique em Editar para adicionar componentes ao artigo.
Escolha o '+' no painel esquerdo para adicionar componentes ao seu artigo.
Criação de modelos prontos para uso creating-out-of-the-box-templates
Não há Modelos de artigo prontos para uso. No entanto, há um modelo padrão que os modelos personalizados devem estender. Consulte a amostra de modelo de artigo do Geometrixx Unlimited App.
As propriedades principais além das propriedades obrigatórias do modelo AEM normal incluem;
dps-resourceType="dps:Article"
Essa propriedade garante que a página do AEM seja reconhecida como uma página de artigo direcionada da AEM Mobile.
De acordo com os modelos AEM, você pode adicionar propriedades padrão ou nós filhos ao jcr:content do modelo.
Modelos de banner e coleção banner-and-collection-templates
Criação e adição de componentes creating-and-adding-components
Os componentes usam e permitem acesso a Widgets e são usados para renderizar o Conteúdo.
Um componente simples é incluído no repositório de código, cuja origem pode ser encontrada no AEM. Posteriormente, também pode ser aberto localmente no CRXDE Lite.
Você pode adicionar componentes à sua página. Qualquer componente pode ser usado em um aplicativo AEM Mobile, mas quando aplicado, pode não ser renderizado corretamente.
No entanto, os componentes personalizados podem não ser exportados e carregados corretamente no AEM Mobile On-demand Services sem um manipulador de sincronização de conteúdo de exportação personalizado que seja renderizado no AEM.
Depois que o componente já tiver sido incluído em uma página AEM, juntamente com alguns outros componentes do bloco de construção, você poderá adicionar outro componente à página ou editar um existente.
Para adicionar outro componente à página:
- Escolha essa página e verifique se você está no modo de Edição, por meio da lista suspensa na parte superior direita do cabeçalho do Editor
- Alterne o painel lateral usando o ícone mais à esquerda no cabeçalho do editor
- Selecione a guia Componentes
- Arraste e solte um dos componentes disponíveis na página
Para editar um componente existente:
- Escolha essa página, verifique se você está no modo Editar e selecione o componente
- Selecione a chave inglesa para configurar o componente