Добавление локального (офлайн) веб-контента в библиотеку контента EloView 3

Аудитория: Общественность / Клиенты Elo, Менеджеры контента и Интеграторы

Тип статьи: Руководство и развертывание контента

В этой статье представлено пошаговое руководство по загрузке и развертыванию локальных офлайн HTML/веб-приложений на устройствах Elo Android с помощью EloView® 3.

Как добавить локальный URL в EloView 3

1. Перейдите в Контент > Библиотека приложений в главном навигационном меню.

   

2. Нажмите кнопку + (Добавить контент) и выберите URL из вариантов контента.

   

3. Выберите вкладку Локальный в модальном окне настройки URL.

   

4. Загрузите ZIP файл, содержащий ваше веб-приложение.

   ⚠️ Важно: Все HTML-ресурсы, таблицы стилей, скрипты и медиа-папки должны находиться непосредственно в корневом каталоге ZIP-архива (не вложены в отдельную верхнюю папку).
5. Введите имя файла главной страницы (например, index.html), выберите значок приложения и предоставьте краткое описание.
6. Нажмите Добавить контент. Офлайн веб-приложение будет упаковано и добавлено в вашу Библиотеку приложений.
7. Развернуть на устройстве: Перетащите плитку контента из Библиотеки приложений прямо на ваше целевое устройство Elo или группу устройств.

Требования и лучшие практики для локального контента

• Автономные ресурсы: Убедитесь, что все HTML, CSS, библиотеки JavaScript, шрифты и медиафайлы собраны локально в ZIP-архиве, чтобы приложение функционировало безупречно без активного интернет-соединения.
• Только клиентская сторона: Сервисы на стороне сервера (такие как PHP, ASP.NET, Ruby или Python) не поддерживаются. Только технологии на стороне клиента могут выполняться локально.
• Оптимизация пропускной способности: Локальные веб-пакеты идеально подходят для развертывания в условиях низкой пропускной способности или оффлайн-средах и исключают буферизацию для крупных видео или интерактивных медиа-ресурсов.
• Современные офлайн-технологии: Веб-приложения могут использовать Service Workers, IndexedDB и Cache API для расширенного офлайн-хранения. Для рекомендаций по реализации смотрите Руководство MDN по оффлайн-работе и фоновым операциям.
• Совместимость с фреймворками: Клиентские фреймворки (такие как React, Vue или AngularJS) функционируют нормально и могут динамически синхронизировать данные с удаленными API всякий раз, когда устройство подключается к сети.
• Совет по сжатию ZIP для macOS: При архивировании файлов на macOS встроенные утилиты для архивации могут создавать скрытые папки __MACOSX или оборачивать контент в родительский каталог. Убедитесь, что ваш файл индекса находится на корневом уровне перед загрузкой в EloView.