概要
- Ruby + Sinatra でテンプレートエンジン Mustache を使ってシンプルな Web アプリケーションを動かす
構成
- macOS Catalina
- Ruby 2.7.0
- Sinatra 2.0.8.1
- Mustache (mustache 0.99.8 + mustache-sinatra 1.0.1)
- Puma 4.3.1
ソースコード
ファイル一覧
├── Gemfile
├── app.rb
├── config.ru
└── views
├── error.mustache
└── hello.mustache
Gemfile
Sinatra で Mustache を使うために mustache-sinatra を導入する。
source 'https://rubygems.org'
gem 'puma'
gem 'sinatra'
gem 'mustache-sinatra'
app.rb
メイン処理をするファイル。
app.rb
require 'sinatra'
require 'mustache/sinatra'
# 404 Not Found 時の処理
not_found do
values = {:error_message => 'Page Not Found'}
mustache :error, :layout => false, :locals => values
end
# エラー発生時の処理
error do
values = {:error_message => env['sinatra.error'].message}
mustache :error, :layout => false, :locals => values
end
# メッセージ表示ページの処理
get '/hello/:message' do
# HTML に埋め込む値
values = {
:message => params['message'],
:ruby_desc => RUBY_DESCRIPTION
}
# HTML を表示
mustache :hello, :layout => false, :locals => values
end
config.ru
rackup コマンド用に config.ru を用意する。
config.ru
require './app'
run Sinatra::Application
views/error.mustache
エラーページ用 HTML テンプレート。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Error page</title>
</head>
<body>
<p>{{ error_message }}</p>
</body>
</html>
views/hello.mustache
ページ用 HTML テンプレート。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Hello, World!</title>
</head>
<body>
<p>{{ message }}</p>
<p>{{ ruby_desc }}</p>
</body>
</html>
Web サーバを起動
bundle install で環境を構築
bundle install コマンドで Gemfile に記載してあるパッケージがインストールされて Gemfile.lock ファイルが生成される。
現時点(2020年2月9日現在)で生成される Gemfile.lock ファイルは以下のようになる。
GEM
remote: https://rubygems.org/
specs:
mustache (0.99.8)
mustache-sinatra (1.0.1)
mustache (<= 0.99.8)
mustermann (1.1.1)
ruby2_keywords (~> 0.0.1)
nio4r (2.5.2)
puma (4.3.1)
nio4r (~> 2.0)
rack (2.2.1)
rack-protection (2.0.8.1)
rack
ruby2_keywords (0.0.2)
sinatra (2.0.8.1)
mustermann (~> 1.0)
rack (~> 2.0)
rack-protection (= 2.0.8.1)
tilt (~> 2.0)
tilt (2.0.10)
PLATFORMS
ruby
DEPENDENCIES
mustache-sinatra
puma
sinatra
BUNDLED WITH
2.1.4
mustache のバージョンが5年前という古いものになっている。
mustache の最新版は2019年12月にリリースされている。
しかし、mustache-sinatra の最新版は2015年1月にリリースされたバージョン 1.0.1 で、その依存関係で mustache は2014年12月にリリースされたバージョン 0.99.8 になっている。
mustache-sinatra | RubyGems.org | コミュニティのGemホスティングサービス
1.0.1 - January 25, 2015 (9KB)
mustacheの全バージョン履歴 | RubyGems.org | コミュニティのGemホスティングサービス
1.1.1 - December 03, 2019 (41.5KB)
0.99.8 - December 01, 2014 (42.5KB)
サーバを起動
$ RACK_ENV=production bundle exec rackup -s Puma
Puma starting in single mode...
* Version 4.3.1 (ruby 2.7.0-p0), codename: Mysterious Traveller
* Min threads: 0, max threads: 16
* Environment: production
* Listening on tcp://0.0.0.0:9292
Use Ctrl-C to stop
curl でサーバにアクセス
curl でアクセスして動作確認をする。
$ curl -i "http://localhost:9292/hello/こんにちは世界&"
HTTP/1.1 200 OK
Content-Type: text/html;charset=utf-8
X-XSS-Protection: 1; mode=block
X-Content-Type-Options: nosniff
X-Frame-Options: SAMEORIGIN
Content-Length: 219
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Hello, World!</title>
</head>
<body>
<p>こんにちは世界&</p>
<p>ruby 2.7.0p0 (2019-12-25 revision 647ee6f091) [x86_64-darwin19]</p>
</body>
</html>