Rails3.2.6アプリケーションにCoolなデザインを適用してApache+Unicornで起動！

Railsアプリケーションに簡単にCoolなデザインを適用できるWeb App Themeなのですが、Rails3.2.6だとassetsに対応したバージョンが入ってくれず、苦労したのでメモしておきます。
まずは、アプリケーション作成

1. cd /var/www  
2. rails new web-app-theme -d mysql  

cd /var/www
rails new web-app-theme -d mysql

そして、説明通り

1. echo "gem 'web-app-theme', '~> 0.8.0'" >> Gemfile  
2. bundle install  

echo "gem 'web-app-theme', '~> 0.8.0'" >> Gemfile
bundle install

とやってみたところ

1. Bundler could not find compatible versions for gem "rails":  
2.   In Gemfile:  
3.     web-app-theme (~> 0.8.0) ruby depends on  
4.       rails (~> 3.1.0.rc6) ruby  
5.   
6.     rails (3.2.6)  

Bundler could not find compatible versions for gem "rails":
  In Gemfile:
    web-app-theme (~> 0.8.0) ruby depends on
      rails (~> 3.1.0.rc6) ruby

    rails (3.2.6)

な感じで怒られてしまい、Rails3.2.6は3.1.0.rc6より新しいと認識してくれないようです(ﾉﾟ⊿ﾟ)ﾉ
仕方なくGemfileから, '~> 0.8.0'の記述を削除してbundle installすると0.7.0が入ってくれました。
とりあえず、サンプルでscaffold実行

1. rails g scaffold task name:string memo:string    
2.   
3. >>/usr/local/lib/ruby/gems/1.9.1/gems/execjs-1.4.0/lib/execjs/runtimes.rb:51:in `autodetect': Could not find a JavaScript runtime. See https://github.com/sstephenson/execjs for a list of available runtimes. (ExecJS::RuntimeUnavailable)  
4.         from /usr/local/lib/ruby/gems/1.9.1/gems/execjs-1.4.0/lib/execjs.rb:5:in `<module:execjs>'  
5.         from /usr/local/lib/ruby/gems/1.9.1/gems/execjs-1.4.0/lib/execjs.rb:4:in `<top (required)="">'  
6.         from /usr/local/lib/ruby/gems/1.9.1/gems/coffee-script-2.2.0/lib/coffee_script.rb:1:in `require'  
7.         from /usr/local/lib/ruby/gems/1.9.1/gems/coffee-script-2.2.0/lib/coffee_script.rb:1:in `<top (required)="">'  
8.         from /usr/local/lib/ruby/gems/1.9.1/gems/coffee-script-2.2.0/lib/coffee-script.rb:1:in `require'  
9.         from /usr/local/lib/ruby/gems/1.9.1/gems/coffee-script-2.2.0/lib/coffee-script.rb:1:in `<top (required)="">'  
10.         from /usr/local/lib/ruby/gems/1.9.1/gems/coffee-rails-3.2.2/lib/coffee-rails.rb:1:in `require'  
11.         from /usr/local/lib/ruby/gems/1.9.1/gems/coffee-rails-3.2.2/lib/coffee-rails.rb:1:in `<top (required)="">'  
12.         from /usr/local/lib/ruby/gems/1.9.1/gems/bundler-1.1.4/lib/bundler/runtime.rb:68:in `require'  
13.         from /usr/local/lib/ruby/gems/1.9.1/gems/bundler-1.1.4/lib/bundler/runtime.rb:68:in `block (2 levels) in require'  
14.         from /usr/local/lib/ruby/gems/1.9.1/gems/bundler-1.1.4/lib/bundler/runtime.rb:66:in `each'  
15.         from /usr/local/lib/ruby/gems/1.9.1/gems/bundler-1.1.4/lib/bundler/runtime.rb:66:in `block in require'  
16.         from /usr/local/lib/ruby/gems/1.9.1/gems/bundler-1.1.4/lib/bundler/runtime.rb:55:in `each'  
17.         from /usr/local/lib/ruby/gems/1.9.1/gems/bundler-1.1.4/lib/bundler/runtime.rb:55:in `require'  
18.         from /usr/local/lib/ruby/gems/1.9.1/gems/bundler-1.1.4/lib/bundler.rb:119:in `require'  
19.         from /var/www/web-app-theme/config/application.rb:7:in `<top (required)="">'  
20.         from /usr/local/lib/ruby/gems/1.9.1/gems/railties-3.2.6/lib/rails/commands.rb:24:in `require'  
21.         from /usr/local/lib/ruby/gems/1.9.1/gems/railties-3.2.6/lib/rails/commands.rb:24:in `<top (required)="">'  
22.         from script/rails:6:in `require'  
23.         from script/rails:6:in `<main>'  
24. </main></top></top></top></top></top></top></module:execjs>  

rails g scaffold task name:string memo:string  

>>/usr/local/lib/ruby/gems/1.9.1/gems/execjs-1.4.0/lib/execjs/runtimes.rb:51:in `autodetect': Could not find a JavaScript runtime. See https://github.com/sstephenson/execjs for a list of available runtimes. (ExecJS::RuntimeUnavailable)
        from /usr/local/lib/ruby/gems/1.9.1/gems/execjs-1.4.0/lib/execjs.rb:5:in `'
        from /usr/local/lib/ruby/gems/1.9.1/gems/execjs-1.4.0/lib/execjs.rb:4:in `'
        from /usr/local/lib/ruby/gems/1.9.1/gems/coffee-script-2.2.0/lib/coffee_script.rb:1:in `require'
        from /usr/local/lib/ruby/gems/1.9.1/gems/coffee-script-2.2.0/lib/coffee_script.rb:1:in `'
        from /usr/local/lib/ruby/gems/1.9.1/gems/coffee-script-2.2.0/lib/coffee-script.rb:1:in `require'
        from /usr/local/lib/ruby/gems/1.9.1/gems/coffee-script-2.2.0/lib/coffee-script.rb:1:in `'
        from /usr/local/lib/ruby/gems/1.9.1/gems/coffee-rails-3.2.2/lib/coffee-rails.rb:1:in `require'
        from /usr/local/lib/ruby/gems/1.9.1/gems/coffee-rails-3.2.2/lib/coffee-rails.rb:1:in `'
        from /usr/local/lib/ruby/gems/1.9.1/gems/bundler-1.1.4/lib/bundler/runtime.rb:68:in `require'
        from /usr/local/lib/ruby/gems/1.9.1/gems/bundler-1.1.4/lib/bundler/runtime.rb:68:in `block (2 levels) in require'
        from /usr/local/lib/ruby/gems/1.9.1/gems/bundler-1.1.4/lib/bundler/runtime.rb:66:in `each'
        from /usr/local/lib/ruby/gems/1.9.1/gems/bundler-1.1.4/lib/bundler/runtime.rb:66:in `block in require'
        from /usr/local/lib/ruby/gems/1.9.1/gems/bundler-1.1.4/lib/bundler/runtime.rb:55:in `each'
        from /usr/local/lib/ruby/gems/1.9.1/gems/bundler-1.1.4/lib/bundler/runtime.rb:55:in `require'
        from /usr/local/lib/ruby/gems/1.9.1/gems/bundler-1.1.4/lib/bundler.rb:119:in `require'
        from /var/www/web-app-theme/config/application.rb:7:in `'
        from /usr/local/lib/ruby/gems/1.9.1/gems/railties-3.2.6/lib/rails/commands.rb:24:in `require'
        from /usr/local/lib/ruby/gems/1.9.1/gems/railties-3.2.6/lib/rails/commands.rb:24:in `'
        from script/rails:6:in `require'
        from script/rails:6:in `
'

何か足りないようです(´・ω・`)
てな訳で足りないものをGemfileに追記してbundle install再実行

1. cat <<"EOF" >> Gemfile  
2. gem 'execjs'  
3. gem 'therubyracer'  
4. EOF  
5.   
6. bundle install  

cat <<"EOF" >> Gemfile
gem 'execjs'
gem 'therubyracer'
EOF

bundle install

scaffoldリトライ！

1. rails g scaffold task name:string memo:string  

rails g scaffold task name:string memo:string

今度はうまく行ってくれましたヾ(*･ω･)ｼ
あとは、静的ファイルの配信用としてApacheをインストールしておきます

1. yum -y install httpd  

yum -y install httpd

そして、バーチャルホストの設定ファイルをつくっておきます

1. cat <<"EOF" > /etc/httpd/conf.d/rails.conf  
2. <virtualhost *:80="">  
3.   ServerName www.exapmle.com  
4.   DocumentRoot /var/www/web-app-theme/public  
5.   CustomLog logs/access.log combined  
6.   ErrorLog  logs/error.log  
7.   
8.   ProxyRequests Off  
9.   <proxy *="">  
10.     Order deny,allow  
11.     Allow from all  
12.   </proxy>  
13.   
14.   ProxyPass /images !  
15.   ProxyPass /assets !  
16.   ProxyPass /stylesheets !  
17.   ProxyPass /javascripts !  
18.   ProxyPass /robots.txt !  
19.   ProxyPass /favicon.ico !  
20.   
21.   ProxyPass / http://localhost:3000/  
22.   ProxyPassReverse / http://localhost:3000/  
23. </virtualhost>  
24. EOF  

cat <<"EOF" > /etc/httpd/conf.d/rails.conf

  ServerName www.exapmle.com
  DocumentRoot /var/www/web-app-theme/public
  CustomLog logs/access.log combined
  ErrorLog  logs/error.log

  ProxyRequests Off
  
    Order deny,allow
    Allow from all
  

  ProxyPass /images !
  ProxyPass /assets !
  ProxyPass /stylesheets !
  ProxyPass /javascripts !
  ProxyPass /robots.txt !
  ProxyPass /favicon.ico !

  ProxyPass / http://localhost:3000/
  ProxyPassReverse / http://localhost:3000/

EOF

あとは、Apacheを実行してApache側の設定はおしまい！

1. service httpd start  

service httpd start

Rails側の処理をunicornでさせるためにインストールしておきます
Gefileに予め記述があるのでこれをコメントアウトしてbundle install

1. sed -i "s/# gem 'unicorn'/gem 'unicorn'/" Gemfile  
2. bundle install  

sed -i "s/# gem 'unicorn'/gem 'unicorn'/" Gemfile
bundle install

で、unicorn用にはproduction用の設定を作成しておきます

1. cat <<"EOF" > config/production.conf  
2. # See http://unicorn.bogomips.org/Unicorn/Configurator.html for complete  
3. # See also http://unicorn.bogomips.org/examples/unicorn.conf.rb for  
4. rails_env = 'production'  
5. worker_processes 5  
6. working_directory '/var/www/web-app-theme'  
7. port = 3000  
8. listen port, :tcp_nopush => true  
9. timeout 30  
10. pid 'tmp/pids/unicorn.pid'  
11. preload_app  true  
12. stderr_path 'log/unicorn_err.log'  
13. stdout_path 'log/unicorn.log'  
14.   
15. before_fork do |server, worker|  
16.   # この設定はpreload_app trueの場合に必須  
17.   defined?(ActiveRecord::Base) and  
18.     ActiveRecord::Base.connection.disconnect!  
19. end  
20.   
21. after_fork do |server, worker|  
22.   # この設定はpreload_app trueの場合に必須  
23.   defined?(ActiveRecord::Base) and  
24.     ActiveRecord::Base.establish_connection  
25. end  
26. EOF  

cat <<"EOF" > config/production.conf
# See http://unicorn.bogomips.org/Unicorn/Configurator.html for complete
# See also http://unicorn.bogomips.org/examples/unicorn.conf.rb for
rails_env = 'production'
worker_processes 5
working_directory '/var/www/web-app-theme'
port = 3000
listen port, :tcp_nopush => true
timeout 30
pid 'tmp/pids/unicorn.pid'
preload_app  true
stderr_path 'log/unicorn_err.log'
stdout_path 'log/unicorn.log'

before_fork do |server, worker|
  # この設定はpreload_app trueの場合に必須
  defined?(ActiveRecord::Base) and
    ActiveRecord::Base.connection.disconnect!
end

after_fork do |server, worker|
  # この設定はpreload_app trueの場合に必須
  defined?(ActiveRecord::Base) and
    ActiveRecord::Base.establish_connection
end
EOF

あとは、DBの設定とassetsのprecompile

1. rake db:create RAILS_ENV=production  
2. rake db:migrate RAILS_ENV=production  
3. rake assets:precompile RAILS_ENV=production  

rake db:create RAILS_ENV=production
rake db:migrate RAILS_ENV=production
rake assets:precompile RAILS_ENV=production

あとはunicornにこの設定ファイルを読み込ませてデーモンモードで起動

1. unicorn_rails -D -c /var/www/web-app-theme/config/production.conf -E production  

unicorn_rails -D -c /var/www/web-app-theme/config/production.conf -E production

あとはブラウザでアクセスしてみれば起動してますねヾ(*･ω･)ｼ

お次は、ようやくWeb App Themeを使ってデザイン適用です

1. rails g web_app_theme:theme --app-name="web-app-theme" --theme=amro  

rails g web_app_theme:theme --app-name="web-app-theme" --theme=amro

そして、assetsのrecompileをしてunicornの再起動

1. rake assets:precompile RAILS_ENV=production  
2. kill `cat /var/www/web-app-theme/tmp/pids/unicorn.pid`  
3. unicorn_rails -D -c /var/www/web-app-theme/config/production.conf -E production  

rake assets:precompile RAILS_ENV=production
kill `cat /var/www/web-app-theme/tmp/pids/unicorn.pid`
unicorn_rails -D -c /var/www/web-app-theme/config/production.conf -E production

いざブラウザでアクセスしてみるとエラーが・・・
/var/www/web-app-theme/log/production.logにはこんなのがでてました

1. ActionView::Template::Error (web-app-theme/base.css isn't precompiled):  
2.     2:   
3.     3:   
4.     4:   <title>web-app-theme</title>  
5.     5:   <%= stylesheet_link_tag "web-app-theme/base", "web-app-theme/themes/amro/style", "web-app-theme/override", :cache => true %>  
6.     6:   <%= javascript_include_tag :defaults, :cache => true %>  
7.     7:   <%= csrf_meta_tag %>  
8.     8:   
9.   app/views/layouts/application.html.erb:5:in `_app_views_layouts_application_html_erb__2208883353270545151_259086380'  
10.   app/controllers/tasks_controller.rb:7:in `index'  

ActionView::Template::Error (web-app-theme/base.css isn't precompiled):
    2: 
    3: 
    4:   
    5:   <%= stylesheet_link_tag "web-app-theme/base", "web-app-theme/themes/amro/style", "web-app-theme/override", :cache => true %>
    6:   <%= javascript_include_tag :defaults, :cache => true %>
    7:   <%= csrf_meta_tag %>
    8: 
  app/views/layouts/application.html.erb:5:in `_app_views_layouts_application_html_erb__2208883353270545151_259086380'
  app/controllers/tasks_controller.rb:7:in `index'

これだとassetsに対応していないので書き換え

1. sed -i "s/<%= stylesheet_link_tag.*web-app-theme.*>/<%= stylesheet_link_tag \"application\" %>/" /var/www/web-app-theme/app/views/layouts/application.html.erb  
2. sed -i "s/<%= javascript_include_tag.*defaults.*>/<%= javascript_include_tag \"application\" %>/" /var/www/web-app-theme/app/views/layouts/application.html.erb  

sed -i "s/<%= stylesheet_link_tag.*web-app-theme.*>/<%= stylesheet_link_tag \"application\" %>/" /var/www/web-app-theme/app/views/layouts/application.html.erb
sed -i "s/<%= javascript_include_tag.*defaults.*>/<%= javascript_include_tag \"application\" %>/" /var/www/web-app-theme/app/views/layouts/application.html.erb

cssの方も書き換え

1. cat <<"EOF" >> /var/www/web-app-theme/app/assets/stylesheets/application.css  
2. //=web-app-theme/base  
3. //=web-app-theme/themes/Amro/style.css  
4. //=web-app-theme/override.css  
5. EOF  

cat <<"EOF" >> /var/www/web-app-theme/app/assets/stylesheets/application.css
//=web-app-theme/base
//=web-app-theme/themes/Amro/style.css
//=web-app-theme/override.css
EOF

そして、一式をassetsに移動

1. mv /var/www/web-app-theme/public/stylesheets/web-app-theme/ /var/www/web-app-theme/app/assets/stylesheets/  

mv /var/www/web-app-theme/public/stylesheets/web-app-theme/ /var/www/web-app-theme/app/assets/stylesheets/

あとは、もう一度compileしてunicorn再起動

1. rake assets:precompile RAILS_ENV=production  
2. kill `cat /var/www/web-app-theme/tmp/pids/unicorn.pid`  
3. unicorn_rails -D -c /var/www/web-app-theme/config/production.conf -E production  

rake assets:precompile RAILS_ENV=production
kill `cat /var/www/web-app-theme/tmp/pids/unicorn.pid`
unicorn_rails -D -c /var/www/web-app-theme/config/production.conf -E production

これで、動きましたヾ(*･ω･)ｼ