ウェブサイトを1つのファイルとして提供するにはどうすればいいですか？

Question

私は10BASE-Tイーサネット（CS8900）を備えた小型の16ビットマイクロコントローラ（St10）とEasyWebプロジェクトに基づくTcp/IP実装でベアメタルアプリケーションを実行しています。

デバイスのステータス情報を表示するために実装された小さなウェブサーバがあり、設定なども変更できます。ブラウザアクセスのために

、ウェブサーバは、その上index.html、*.css、*.js、*.svg、*.pngなどいくつかのファイルを提供します。

ベアメタルのターゲットにはsdカードのような記憶メディアがないので、上記のすべてのリソースをコンパイルされたバイナリに入れます。

メモリを節約し、トラフィックを減らすために、すべてのファイルをindex.html個のファイルにまとめて、gzipを使用して圧縮し、Content-Encoding: gzipを使用してWebサーバーに配信させます。

すべてのファイルをまとめてindex.htmにする手順は、現在のところ手動での作業です（ファイル名の参照などを含む）。これを自動的に行うツールがありますか？

または、すべてのファイルを1つのファイルにまとめて、http：//www GET /リクエストで配信できますか？

編集は、2017年10月5日

brain99言及inlinerを使用することにより解決しました。

それはKubuntuの上で16.04ホストを実行して作る小さなトラブルを持つことが、最終的にインストールすることによってそれを修正：

sudo apt-get install nodejs 
sudo ln -sT "$(which nodejs)" /usr/local/bin/node 
sudo apt-get install npm 
sudo npm install -g inliner 

をたぶん、私が代わりにnodejsの​​を使用してシンボリックリンクを処分したと思います（試していません）。

inliner index.html >index-backed.html 
gzip -c index-backed.html >index.html.gz 

Answer 1

オプション1：

• SingleFile
• SingleFile Core

：クローム

を経由してあなたは、単一のHTMLファイルにWebページを保存するための2つのChromeの拡張機能のセットがあります

2番目の拡張子は、最初の拡張子が必要とするヘルパー拡張子です。私はこれをテストしなかったが、それはChromeウェブストアでかなり良いレビューをしているようだ（明らかに複雑なページで窒息する可能性がある）。

これらの拡張機能を使用すると、Chromeでページを開いて、拡張機能を使用してCSS /スクリプト/画像が埋め込まれた単一ファイルとして保存するだけで済みます。

オプション2：スクリプト可能

スクリプトで物事を自動化したい場合は、そのための正確project on githubは、NPM経由でインストールすることができ、また、そこにあります。

Answer 2

私はあなたが何をしたいのかに少し混乱していますが、私は、あなたには、いくつかのストレージを節約する方法が必要あなたは多分試みることができる一つのことを推測しています：私は実行する必要がある、ということにインストールした後 いくつかのファイルをGoogle Driveに保存していますか？その方法は、あなたがそこにあるファイルを心配する必要はありません、あなたは自分の画像をアップロードし、このようなドライブからそれらを引く：もちろん

<img src="https://drive.google.com/uc?export=download&id=YOUR_FILE_ID"> 

あなたの実際のファイルIDとYOUR_FILE_IDを交換する、ことにより、これを取得しますGoogleドライブの共有リンクを使用してこのように：これはあなたの役に立てば幸い

https://drive.google.com/file/d/YOUR_FILE_ID/view?usp=sharing

、私はそれをビュンよりも、この優れた解決策を見つけるだろうが、選択はあなた次第です！