Seu aplicativo híbrido está pronto para o Adobe Experience Manager Mobile? is-your-hybrid-app-ready-for-aem-mobile

Então, você importou seu aplicativo híbrido PhoneGap ou Cordova para o AEM, e agora? Provavelmente você deseja adicionar conteúdo autorável ao seu aplicativo. Para realizar essa tarefa, você precisa de uma compreensão geral da estrutura de um aplicativo do AEM. Um aplicativo no AEM geralmente é dividido em duas partes. O “shell” e o “conteúdo”. A “shell” compreende as partes estáticas do aplicativo; como os arquivos de configuração do PhoneGap, a estrutura do aplicativo e os controles de navegação. O conteúdo do arquivo que você importou é armazenado como parte do shell. No contexto deste documento, o shell é todo o conteúdo não criado pelo AEM do seu aplicativo híbrido PhoneGap criado pelo desenvolvedor do aplicativo.

Conteúdo refere-se aos componentes, modelos e páginas criadas no AEM criados pelo AEM Developer. O conteúdo é categorizado como conteúdo do desenvolvedor ou como conteúdo criado. Componentes, designs e modelos de página são considerados conteúdo de desenvolvimento, pois são criados por um desenvolvedor. Conteúdos do autor são páginas que foram criadas usando os componentes e modelos. Normalmente, essas páginas são feitas por uma Designer ou um profissional de marketing.

Adicionar páginas criadas do AEM ao seu aplicativo híbrido requer coordenação entre o desenvolvedor do aplicativo e o desenvolvedor do AEM. Em qualquer lugar no aplicativo onde você deseja adicionar conteúdo criado, o desenvolvedor do aplicativo deve organizar essas páginas em uma estrutura que pode ser sobreposta no Experience Manager. O desenvolvedor do aplicativo deve ser capaz de fornecer ao desenvolvedor do Experience Manager os caminhos para onde o conteúdo criado pelo Experience Manager é adicionado. Em seguida, forneça uma página de espaço reservado no aplicativo híbrido que será substituída depois que o desenvolvedor do Experience Manager criar o conteúdo da página.

Para facilitar o acompanhamento da explicação, a AEM Experience Cloud está sendo usada: AEM Mobile Hybrid Reference para explicar os conceitos. O aplicativo de Referência híbrida consiste em uma página de boas-vindas com um menu lateral.

Neste exemplo, a página de boas-vindas do aplicativo será criada. Examinando a origem https://github.com/Adobe-Marketing-Cloud-Apps/aem-mobile-hybrid-reference/blob/master/hybrid-app/www/js/app.js#L75. Observe que o desenvolvedor do aplicativo definiu uma página de boas-vindas e forneceu um modelo para a página que é renderizada pelo aplicativo. Esta página é onde o desenvolvedor do aplicativo e o desenvolvedor do AEM devem se coordenar. O caminho para o modelo da página de boas-vindas no aplicativo de referência híbrido é definido como ‘‘content/mobileapps/hybrid-reference-app/en/welcome.template.html’’. Esse caminho é importante porque o desenvolvedor do AEM criará a página de boas-vindas no repositório do AEM usando o mesmo caminho.

É importante que o aplicativo híbrido e o conteúdo criado pelo AEM usem o mesmo caminho, pois ele depende da capacidade de sobrepor conteúdo usando a Sincronização de conteúdo para adicionar novas páginas ao aplicativo híbrido. Quando o aplicativo híbrido é importado para o AEM, como parte do processo de importação, as configurações de sincronização de conteúdo são definidas.

Quando você “Baixa o Source” no painel do aplicativo, esses scripts do ContentSync são executados para reunir um arquivo do aplicativo híbrido.

Primeiro, o ContentSync extrai o “shell” do aplicativo, que é onde todo o conteúdo desenvolvido pelo aplicativo híbrido é armazenado. Em seguida, ele extrai o “conteúdo” do aplicativo. Agora, se houver páginas no “shell” com o mesmo caminho de “conteúdo”, as páginas em “shell” serão (substituídas) pelas páginas em “conteúdo”. Portanto, na amostra do aplicativo de referência híbrida, se uma página for criada no AEM com o mesmo caminho que “content/mobileapps/hybrid-reference-app/en/welcome.template.html”, quando o ContentSync for executado, ela sobreporá a página que fazia parte do aplicativo de referência híbrida. Ele o sobrepõe ao que estiver no AEM nesse local. A sobreposição é resolvida pelo ContentSync, portanto, para alguém que estiver usando o aplicativo, as atualizações para o aplicativo com conteúdo criado pelo AEM parecem perfeitas e não exigem uma recriação do aplicativo. Como resultado, quando você executa o aplicativo, a página de boas-vindas é exibida da seguinte maneira: