HerokuでMiddleman

Google Analyticsの挙動で検証したい箇所があったので、Middlemanで適当なコードを書いてローカルで動作確認をしていた。 結局公開した状態でのテストもしたくなったので、次回から悩まないようにログ。

1.middlemanのインストール

# MiddlemanのGemを追加
$ gem install middleman
〜〜

$ middleman init プロジェクト名(ディレクトリ名)
〜〜
Do you want a Rack-compatible config.ru file?
# config.ruファイルを利用するので y でエンター
〜〜

2.Gemを追加

gem 'puma'
gem 'rack-contrib'

3.config.ru書き換える

require 'rack'
require 'rack/contrib/try_static'

# Build static files when booting
`bundle exec middleman build`

use Rack::TryStatic,
    :root => 'build',
    :urls => %w[/],
    :try => ['.html', 'index.html', '/index.html']

4.Procfile追加する

web: bundle exec middleman build && middleman server -p $PORT

5.Git〜デプロイ

# Git用意して
$ git init
$ git add .
$ git commit -m 'initial commit'

# アプリ作って
$ heroku create アプリ名

# デプロイ
$ git push heroku master
$ heroku open #ブラウザで確認

とりあえず動くとこまでザーっと書きました。