Dodawanie lokalnych (offline) treści webowych do biblioteki treści EloView 3

Odbiorcy: Publiczni / Klienci Elo, Menedżerowie treści & Integratorzy

Rodzaj artykułu: Przewodnik jak-to & Wdrożenie treści

Ten artykuł zawiera instrukcje krok po kroku dotyczące przesyłania i wdrażania lokalnych, offline aplikacji HTML/webowych na urządzenia Elo z systemem Android przy użyciu EloView® 3.

Jak dodać lokalny URL w EloView 3

1. Przejdź do Treść > Biblioteka aplikacji w głównym menu nawigacyjnym.

   

2. Kliknij przycisk + (Dodaj treść) i wybierz URL z opcji treści. 

   

3. Wybierz zakładkę Lokalne w oknie konfiguracji URL.

   

4. Prześlij plik ZIP zawierający Twoją aplikację webową.

   ⚠️ Ważne: Wszystkie zasoby HTML, arkusze stylów, skrypty i foldery multimedialne muszą znajdować się bezpośrednio w głównym katalogu archiwum ZIP (nie zagnieżdżone w dodatkowym folderze na najwyższym poziomie).
5. Wprowadź nazwę pliku strony głównej (np. index.html), wybierz ikonę aplikacji i podaj krótki opis.
6. Kliknij Dodaj treść. Aplikacja webowa offline zostanie spakowana i dodana do Twojej Biblioteki aplikacji.
7. Wdrożenie na urządzeniu: Przeciągnij i upuść kafelek treści z Biblioteki aplikacji bezpośrednio na docelowe urządzenie Elo lub grupę urządzeń.

Wymagania & Najlepsze Praktyki dla Local Content

• Zasoby niezależne: Upewnij się, że wszystkie pliki HTML, CSS, biblioteki JavaScript, czcionki i pliki multimedialne są pakowane lokalnie w archiwum ZIP, aby aplikacja działała bez problemów bez aktywnego połączenia internetowego.
• Wykonanie po stronie klienta tylko: Języki skryptowe po stronie serwera (takie jak PHP, ASP.NET, Ruby czy Python backend) nie są obsługiwane. Tylko technologie przeglądarkowe po stronie klienta mogą działać lokalnie.
• Optymalizacja przepustowości: Lokalne pakiety webowe są idealne do wdrożeń w środowiskach o niskiej przepustowości lub offline i eliminują buforowanie dla dużych mediów wideo lub interaktywnych.
• Nowoczesne technologie offline: Aplikacje webowe mogą wykorzystywać Service Workers, IndexedDB oraz Cache API do zaawansowanego przechowywania offline. W celu wytycznych dotyczących implementacji, zapoznaj się z Przewodnikiem MDN na temat działania offline i w tle.
• Kompatybilność z frameworkami: Frameworki po stronie klienta (takie jak React, Vue czy AngularJS) działają normalnie i mogą dynamicznie synchronizować dane z zdalnymi interfejsami API, gdy urządzenie łączy się z siecią.
• Wskazówka dotycząca kompresji ZIP w macOS: Przy archiwizacji plików w macOS, wbudowane narzędzia do archiwizacji mogą tworzyć ukryte foldery __MACOSX lub opakowywać zawartość w folder nadrzędny. Upewnij się, że Twój plik indeksu znajduje się na najwyższym poziomie przed przesłaniem do EloView.