Adicionando Conteúdo da Web Local (Offline) à Biblioteca de Conteúdo do EloView 3

Público-alvo: Público / Clientes Elo, Gerentes de Conteúdo & Integradores

Tipo de Artigo: Guia de Como Fazer & Implantação de Conteúdo

Este artigo fornece instruções passo a passo para fazer upload e implantar aplicativos HTML/web locais e offline em dispositivos Elo Android usando EloView® 3.

Como Adicionar uma URL Local no EloView 3

1. Navegue até Conteúdo > Biblioteca de Aplicativos no menu de navegação principal.

   

2. Clique no botão + (Adicionar Conteúdo) e selecione URL nas opções de conteúdo. 

   

3. Selecione a aba Local no modal de configuração da URL.

   

4. Carregue o arquivo ZIP contendo seu aplicativo web.

   ⚠️ Importante: Todos os ativos HTML, folhas de estilo, scripts e pastas de mídia devem estar diretamente no diretório raiz do arquivo ZIP (não aninhados dentro de uma pasta extra de nível superior).
5. Insira o nome do arquivo da Página Inicial (por exemplo, index.html), escolha um ícone de aplicativo e forneça uma breve descrição.
6. Clique em Adicionar Conteúdo. O aplicativo web offline será empacotado e adicionado à sua Biblioteca de Aplicativos.
7. Implantar no Dispositivo: Arraste e solte o bloco de conteúdo da Biblioteca de Aplicativos diretamente no seu dispositivo Elo ou grupo de dispositivos alvo.

Requisitos & Melhores Práticas para Conteúdo Local

• Ativos Autocontidos: Certifique-se de que todos os arquivos HTML, CSS, bibliotecas JavaScript, fontes e arquivos de mídia estejam agrupados localmente dentro do arquivo ZIP para que o aplicativo funcione perfeitamente sem uma conexão de internet ativa.
• Execução somente do Lado do Cliente: Linguagens de script do lado do servidor (como PHP, ASP.NET, Ruby ou Python) não são suportadas. Apenas tecnologias de navegador do lado do cliente podem executar localmente.
• Otimização de Largura de Banda: Pacotes web locais são ideais para implantações em ambientes de baixa largura de banda ou offline e eliminam o buffering para grandes arquivos de vídeo ou mídias interativas.
• Tecnologias Offline Modernas: Aplicativos web podem utilizar Service Workers, IndexedDB e a Cache API para armazenamento avançado offline. Para diretrizes de implementação, consulte o Guia MDN sobre Funcionamento Offline e em Segundo Plano.
• Compatibilidade com Frameworks: Frameworks do lado do cliente (como React, Vue ou AngularJS) funcionam normalmente e podem sincronizar dinamicamente dados com APIs remotas sempre que o dispositivo se conecta a uma rede.
• Dica de Compressão ZIP para macOS: Ao arquivar arquivos no macOS, utilitários de arquivamento integrados podem criar pastas ocultas __MACOSX ou envolver conteúdo em um diretório pai. Certifique-se de que seu arquivo index esteja no nível raiz antes de fazer upload para o EloView.