More than 5 years have passed since last update.

Herokuで静的ファイルに直接アクセスする方法

Posted at 2016-05-20

以下ようなURLHerokuにデプロイした静的ファイルに以下のように直接アクセスしたい機会があったので、やり方をまとめておきます。
http://exmaple.herokuapp.com/example.html"

GitHubに各言語での雛形が置いてありました。
今回はNode.jsを利用した場合について記述していきます。

リポジトリをクローン

最初に以下のコマンドでリポジトリをクローンします。

$ git clone https://github.com/nulltask/heroku-static-provider.git my-site
$ cd my-site

アクセスしたいファイルをpublicディレクトリに配置します。
今回は以下のhelloworld.htmlを配置してみます。

helloworld.html

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Document</title>
</head>
<body>
  Hello World!
</body>
</html>

Herokuへリポジトリをデプロイします。

$ heroku create
$ git commit -a -m 'some commit message'
$ git push -u heroku master

以下のようなURLでアクセスすれば、Herokuにデプロイした静的ファイルにアクセス出来ます。
(hogehogeは任意の文字列)
http://{hogehoge}.herokuapp.com/helloworld.html