herokuで静的サイトを公開する

2015 年 6 月 12 日 by 山平

ちょっとWebサーバが必要になった際に便利なherokuですが、静的なサイトには対応していないようです。

しかし、同じ悩みを持つ先人たちの手で、すでに対応がなされているようですので、試してみます。

要は静的ファイルを返却するだけのサーバプログラムがあればよいということで、各言語向けに雛形があります。
「heroku 静的サイト」などで検索すると沢山でてきます。

以下のようなものがあるようです。

Node.JS
nulltask/heroku-static-provider · GitHub
Ruby
jamiew/heroku-static-site · GitHub
PHP ※
obfuscurity/heroku-static-site · GitHub

※:PHPに関しては「index.php」さえ作っておけば、PHPプログラムとみなしてくれるようです(試してないですが…)。

試しにNode.JS版の雛形で静的サイトを作ってみます。

$ git clone https://github.com/nulltask/heroku-static-provider.git static-test
$ cd static-test
$ heroku create static-test
$ git push -u heroku master
$ heroku open

ブラウザが開いて「Hello world」と表示されれば成功です。
あとは、雛形の中の「public」ディレクトリ内に静的ファイルを配置していけばOKです。

簡単過ぎますね。。

以上です。

タグ:

TrackBack