EloView 3 コンテンツライブラリにローカル（オフライン）ウェブコンテンツを追加する

対象者: 公開 / Elo 顧客、コンテンツマネージャーおよびインテグレーター

記事の種類: ハウツーガイドおよびコンテンツ展開

この記事では、EloView® 3 を使用して、Elo Android デバイスにローカル、オフラインの HTML / ウェブアプリケーションをアップロードおよび展開する手順を説明します。

EloView 3 にローカル URL を追加する方法

1. メインナビゲーションメニューで コンテンツ > アプリライブラリ に移動します。

   

2. +（コンテンツを追加） ボタンをクリックし、コンテンツオプションから URL を選択します。

   

3. URL 設定モーダルで ローカル タブを選択します。

   

4. ウェブアプリケーションを含むZIPファイルをアップロードします。

   ⚠️ 重要: すべての HTML アセット、スタイルシート、スクリプト、およびメディアフォルダは、ZIP アーカイブの ルートディレクトリ に直接配置する必要があります（追加のトップレベルフォルダの中にネストしないこと）。
5. ホームページファイル名（例: index.html）を入力し、アプリアイコンを選択して、簡単な説明を提供します。
6. コンテンツを追加をクリックします。オフラインウェブアプリケーションがパッケージ化され、アプリライブラリに追加されます。
7. デバイスにデプロイ: アプリライブラリからコンテンツタイルを目的の Elo デバイスまたはデバイスグループにドラッグアンドドロップします。

ローカルコンテンツの要件とベストプラクティス

• 自己完結型アセット: すべての HTML、CSS、JavaScript ライブラリ、フォント、およびメディアファイルは ZIP アーカイブ内にローカルでバンドルされていることを確認してください。これにより、アプリケーションがアクティブなインターネット接続なしでもシームレスに機能します。
• クライアント側のみの実行: サーバー側スクリプト言語（PHP、ASP.NET、Ruby、Python バックエンドランタイムなど）はサポートされていません。ローカルで実行できるのはクライアント側のブラウザテクノロジーのみです。
• 帯域幅の最適化: ローカルウェブパッケージは、低帯域幅またはオフライン環境での展開に最適で、大きなビデオやインタラクティブメディア資産のバッファリングを排除します。
• 現代のオフラインテクノロジー: ウェブアプリケーションは、サービスワーカー、IndexedDB、キャッシュ API を利用して高度なオフラインストレージを使用できます。実装ガイドラインについては、MDNオフラインおよびバックグラウンドオペレーションガイドを参照してください。
• フレームワーク互換性: クライアント側のフレームワーク（React、Vue、AngularJSなど）は通常通り機能し、デバイスがネットワークに接続するたびにリモート API と動的にデータを同期できます。
• macOS ZIP 圧縮のヒント: macOS でファイルをアーカイブする際、組み込みのアーカイブユーティリティは隠し __MACOSX フォルダを作成したり、コンテンツを親ディレクトリにラップする場合があります。EloView にアップロードする前に、インデックスファイルがルートレベルにあることを確認してください。