

[その２ Unicorn+Nginx編](https://blog.sus-happy.net/ruby-drunk-list-2/)ではNginx上で動かしていましたが、もしかしたらH2O上でも動くんじゃないかと思い試し見たところ動いたのでメモを残しておきます。

ちなみに、Unicornの設定については以前の方法から変更はありませんので、今回のメモには残していません。


## H2Oをインストール

[H2Oのインストールの手順はほぼ変わりません](https://blog.sus-happy.net/h2o_php7/#h2o-ready)が、一部だけ手順が変わっています。

以前の方法では、`cmake`をyumでインストールしていましたが、バージョンが足りなくなったのでソースからインストールする必要があります。

```shell
cd /usr/local/src/
wget http://www.cmake.org/files/v2.8/cmake-2.8.12.tar.gz
tar xvfz cmake-2.8.12.tar.gz
cd cmake-2.8.12
./configure
make
make install
# cmakeで実行できるようにシンボリックリンクを貼っておく
ln -s /usr/local/bin/cmake /bin/cmake
```


## H2Oの設定

簡単に考えれば、H2OからUnicornのsocketを叩ければOKなので、`proxy.reverse.url`で設定を行います。
 「url」ですが、unix socketも渡せるみたいです。便利便利。

```yaml
pid-file: /path/to/h2o.pid
user: nobody
error-log: /path/to/error.log

listen: 80
listen:
  port: 443
  ssl:
    certificate-file: /path/to/ssl.pem # SSLのサーバ証明書+中間証明書
    key-file: /path/to/ssl.key # SSLの秘密鍵

# ディレクトリインデックス
file.index: [ 'index.html' ]

# ドメイン設定
hosts:
  # HTTP/2を使いたかったのでHTTPSにリダイレクトしてSSL通信に統一
  "example.net:80":
    paths:
      /:
        redirect:
          status: 301
          url: https://example.net/

  "example.net:443":
    access-log: /path/to/access.log
    paths:
      /:
        # 公開ディレクトリの指定
        file.dir: /path/to/application/public
        file.dirlisting: on
        # file.dirに見つからなければunicornに渡す
        proxy.reverse.url: http://[unix:/path/to/unicorn.sock]/
```

`/path/to/unicorn.sock`は、`unicorn.rb`で設定した、`listen`の値を指定します。

これで、現在動いている（はず）です。
[呑んだくれリスト](https://drunk.sus-happy.net/)もhttp/2になりました！


## 参考

- [CentOS6.x – CentOS6.3でMySQL5.6.14をソースからインストール – Qiita](http://qiita.com/nobu_blast/items/dfe92a7c14136d1dafe9#3-2)
（の中の「cmakeソースファイルのダウンロード&インストール」）
- [connect to application server via unix-domain socket by kazuho · Pull Request #383 · h2o/h2o](https://github.com/h2o/h2o/pull/383)


Ruby on RailsをH2O上で動くようにしてみた



[その１](https://blog.sus-happy.net/ruby-drunk-list/)、[その２](https://blog.sus-happy.net/ruby-drunk-list-2/)に引き続き、Ruby on Railsのメモです。（ちなみに~~呑んだくれリストとはこんな感じのモノ~~です。）

今回は、Ruby on Railsのアプリ構築時に調べた・躓いた点についてのメモです。


## 目次

- [改行コードをbrに変換したい](#nl2br)
- [JavaScriptが正常に動作しない](#turbolinks)
- [雑記](#other)
- [参考](#reference)
- [シリーズ](#series)


## <a name="nl2br">改行コードをbrに変換したい</a>

いわゆるPHPで言うところの`nl2br`をRailsで行うためには、自分で関数を用意する必要があります。

利用するシーンはそれなりにあると思うので、`application_helper.rb`に記述しておくと、何処でも使えて便利です。

```ruby
def hbr(str)
    str = html_escape(str)
    str.gsub(/\r\n|\r|\n/, "<br />").html_safe
end
```

後はViewのERBファイルで呼ぶ際に下記のとおりに書くだけです。

```ruby
<%= hbr @foo.bar %>
```


## <a name="turbolinks">JavaScriptが正常に動作しない</a>

Rails4からTurbolinksというライブラリが追加されており、ページ間遷移を非同期的に処理するようになっています。そのため、コンテンツの中身だけ入れ替えるようになり、特に何も考えなくても通信量が抑えられるようになっています。

しかし、その仕組みがあるために、いつもどおりにJSの記述をしていると正常に動作しないコトがあるため注意です。

### jQueryの$(document).readyに注意

jQueryを利用する際の常套句である、`$(document).ready`を利用する場合、最初にページを開いた時にしか発火しないため、ページ遷移をした後のページで上手く処理が実行されないコトがあります。

Turbolinksには、次のページを読み完了時に`page:load`というイベントが発火されるので、そちらを利用することで解消するコトが出来ます。

```javascript
// $( function() {} ); を下記のように書き換える
$(document).on( 'ready page:load', function() {
    // ほげほげ
} );
```

CoffeeScriptの場合はこんな感じ。

```coffeescript
$(document).on 'ready page:load', ->
    // ほげほげ
    return
```

### 最終手段

最終手段として、Turbolinksを切ってしまうという手もあります。
 アプリケーションを生成する際に、`--skip-turbolinks`オプションを追加します。

```bash
rails new app_name --skip-turbolinks
```

また、既に作成済みのアプリから除外する際には、[コチラの参考サイトの方法](http://qiita.com/kazz187/items/12737363d62b9c91993c)で対応できるかと思います。

とは言え、元々はパフォーマンスを高めるライブラリなので、使える時は使っていきたいですね。


## <a name="other">雑記</a>

ひとまずは、環境構築からアプリ制作までの一通りを試してみました。

PHPのFWでも同様にコマンドから開発の補助をしてくれるモノはたくさんありますが、一際補助される範囲が広いように感じました。
 特にscaffoldは一通りの画面まで揃えてくれるので、簡易的なものであればサクッと用意できると感じます。

Rubyならではのシンプルな記法も、慣れるまでは大変ですが慣れてしまえば簡易的に記述できるのは面白いですね。

また、引き続きRubyについても試していきたいと思うので、気づいたことがあれば残していこうと思います。


## <a name="reference">参考</a>

- [すずやん::blog: railsで改行コードをに置き換える](http://suzuyan.blogspot.jp/2013/09/rails.html)
- [Ruby – Turbolinksさんと上手く付き合う10の方法 – Qiita](http://qiita.com/seri_k/items/164accd9ef8ddb4a942e)
- [Rails – Turbolinksをオフしないためにやった事 – Qiita](http://qiita.com/saboyutaka/items/bcc0966313c6f7399a6e)
- [Ruby – Rails 4 で turbolinks をオフにする方法 – Qiita](http://qiita.com/kazz187/items/12737363d62b9c91993c)


## <a name="series">シリーズ</a>

- [その１ 「Rails環境構築編」](https://blog.sus-happy.net/ruby-drunk-list/)
- [その２ 「Unicorn+Nginx編」](https://blog.sus-happy.net/ruby-drunk-list-2/)


Ruby on Railsの勉強がてらに呑んだくれリストを作ってみた（その３ Railsアプリ構築編）



[その１](https://blog.sus-happy.net/ruby-drunk-list/)に引き続き、Ruby on Railsのメモを残しておきます。（ちなみに~~呑んだくれリストとはこんな感じのモノ~~です。）

今回は、Rails + Unicorn + Nginxの設定メモです。


## Unicornの設定

railsのアプリケーションが作成しているコトが前提となります。出来ていない時は、

```shell
rails new projectname
```

で作成をしてください。

### インストール

アプリケーションフォルダ内の「Gemfile」にUnicornを追記し、インストールします。

```shell
echo "gem 'unicorn'" >> Gemfile
bundle install
```

### 設定ファイルの作成

インストールが完了したら、config/unicorn.rbを作成し、下記のように記述します。

```ruby
worker_processes 2 # 立ち上げるworker数
working_directory "/path/to/application" # アプリケーションのディレクトリ

listen "/path/to/unicorn.sock" # Unix Domain Socket

pid "/path/to/unicorn.pid"     # PIDファイル出力先

timeout 60

preload_app true

stdout_path "/path/to/stdout.log" # 標準出力ログ出力先
stderr_path "/path/to/stderr.log" # 標準エラー出力ログ出力先

GC.respond_to?(:copy_on_write_friendly=) and GC.copy_on_write_friendly = true

before_fork do |server, worker|
  defined?(ActiveRecord::Base) and ActiveRecord::Base.connection.disconnect!

  old_pid = "#{server.config[:pid]}.oldbin"
    if old_pid != server.pid
      begin
        sig = (worker.nr + 1) >= server.worker_processes ? :QUIT : :TTOU
        Process.kill(sig, File.read(old_pid).to_i)
        rescue Errno::ENOENT, Errno::ESRCH
      end
    end

    sleep 1
  end

after_fork do |server, worker|
  defined?(ActiveRecord::Base) and ActiveRecord::Base.establish_connection
end
```

working_directory、listen、pid、stdout_path、stderr_pathは、環境に合わせて変更を行ってください。
 listenで指定したパスはNginxの設定時に必要ですので、どこかにメモをしておきましょう。

### Unicornの実行

最後にUnicornを実行します。

```shell
bundle exec unicorn -D -c /path/to/application/config/unicorn.rb -E (実行環境|development|production)
```

ただ、毎回上記コマンドを実行するのが面倒な方は、[参考サイトに起動スクリプトが載っています](http://qiita.com/akito1986/items/56198edcafc222b320a8)ので、そちらを利用する方法も良いかと思います。

### 注意点

productionモードで実行する際は、Secretキーを設定しておかないとエラーが返ってきてしまうので、下記コマンドで環境変数に設定しておく必要があります。（横着してsecrets.ymlに直接記述しても動きます）

```shell
SECRET_KEY_BASE=$(rake secret) bundle exec unicorn -D -c /path/to/application/config/unicorn.rb -E production
```

~/.bash_profileとかで環境変数に設定しておく方法もあるそうなのですが、何故か自分の環境では動かなかったので、上記のようなコマンドで実行しています。


## Nginxの設定

Unicornが実行できたら次にNginxの設定を行ないます。

### インストール

以前のメモではepelリポジトリからインストールしていましたが、今回は別のリポジトリからインストールしてみます。

リポジトリを追加して、yumでインストール。yum便利です。

```shell
rpm -ivh http://nginx.org/packages/centos/7/noarch/RPMS/nginx-release-centos-7-0.el7.ngx.noarch.rpm
vi /etc/yum.repos.d/nginx.repo # enabled=1 -> enabled=0
yum install nginx --enablerepo=nginx
```

### 設定ファイルの作成

今回はバーチャルドメインもせずRailsに使うだけなので、ちょっと横着をしてdefault.confを編集しちゃいました。

```nginx
upstream rails-unicorn {
    server unix:/path/to/unicorn.sock;
}

server {
    #listen       80;
    server_name example.net;

    # root /usr/share/nginx/www;
    index index.php index.html index.htm;

    location / {
        try_files $uri $uri.html $uri/index.html @rails-unicorn;
    }
    # static files
    location ~ ^/(assets|css|js|fonts)/(.*) {
        alias /path/to/application/public/$1/$2;
    }
    # robots.txt | favicon.ico
    location ~ /(robots\.txt|favicon\.ico) {
        alias /path/to/application/public/$1;
    }

    location @rails-unicorn {
        proxy_set_header X-Real-IP $remote_addr;
        proxy_set_header X-Forwarded_For $proxy_add_x_forwarded_for;
        proxy_set_header Host $http_host;
        proxy_pass http://rails-unicorn;
    }

    error_page 404 /404.html;

    # redirect server error pages to the static page /50x.html
    error_page 500 502 503 504 /50x.html;
    location = /50x.html {
        root /usr/share/nginx/www;
    }
}
```

upstream rails-unicornのserverには、unicory.rbで記述した際のlistenに指定したパスを記述します。
 その他、各locationのパラメータは環境に合わせて変更を行ってください。

また、コチラの設定ファイルは参考サイトと同様に、assetsファイルを毎回作成しないように直接読みに行くようにしています。

そのため、css/jsを変更した場合は、下記コマンドを実行する必要があります。

```shell
bundle exec rake assets:precompile RAILS_ENV=production
```

（また、こっそりpublicディレクトリ内にcss/jsフォルダを作って、その中に入れてしまっても大丈夫のように設定ファイルを追記しています。）

### 実行

Nginxの実行については、yumからインストールしているので、systemctlから操作することが可能です。

```shell
systemctl start nginx
```


## 参考

- [nginx + unicorn + Railsの設定方法 – Qiita](http://qiita.com/akito1986/items/56198edcafc222b320a8)
- [Missing `secret_key_base` for 'production' environment が出たのをどうにかする件 – YKT68の日記](http://j1ykt68.hatenablog.com/entry/2014/07/03/111725)

<del datetime="2015-09-30T15:57:45+00:00">まだまだ続きます、最後に実際にRailsプロジェクトを作成した時のメモを残そうかと思います。</del>投稿しました。


## シリーズ

- [その１ 「Rails環境構築編」](https://blog.sus-happy.net/ruby-drunk-list/)
- [その３ 「Railsアプリ構築編」](https://blog.sus-happy.net/ruby-drunk-list-3/)


Ruby on Railsの勉強がてらに呑んだくれリストを作ってみた（その２ Unicorn+Nginx編）



Ruby on Railsを少し勉強しておこうと思っていたところで、友人にビールの飲み歩きをしてる話をしていたら、リスト作っておかないと忘れるんじゃない？と言われ、確かにそうだと思ったのでRailsの勉強がてらに呑んだくれリストを作ってみました。

今回の環境は、CentOS7 + Nginx + Unicorn + Ruby on Railsです。

途中まで記事を書いていたら長くなってきたので、分割して更新をしていきます。


## とりあえず出来上がったもの

まずは必要最低限だと思われる情報を登録し、一覧で確認できる所まで作ってみました。

~~とりあえず出来たものはこんな感じのモノです（スマホ推奨）~~。だれでも適当に登録できてしまうとアレなので、一応データの登録・削除は認証が必要になっています。


## 雑談（読み飛ばしOK）

最初は[Heroku](https://www.heroku.com/)で作ろうかと思ったのですが、よくよく調べてみると無料で利用できる時間の制限があるそうなので、それであれば環境から構築しようと[DigitalOcean](https://www.digitalocean.com/)を契約してみました。

DigitalOceanの契約については、[ココの記事で詳しく書いてありました](http://yutapon.hatenablog.com/entry/2014/04/15/102832)が、画面自体が簡単だったのでジロジロと見ながら登録はしなくても大丈夫でした。

OSについてはいつも使っているCentOSにしました。CoreOSも選択出来るようなので、Dockerを利用する構成もありかもしれませんね。勉強しないと…。

また、<del>面倒なので</del>Railsサーバを使おうかと思っていたのですが、80ポートにあてがうためには権限が足りなかったので、<del>仕方なく</del>Unicorn + Nginxを利用することにしました。

ちなみに、Rails + Passenger + Nginx(Apache)という構成の方がシンプルなのですが、メモリが1GB以上無いとPassengerのインストールが出来なかったので断念しています。

### 雑談のおまけ

一応Heroku構築時の参考ページを残しておきます。

- [Rails x Herokuでアプリを作成 [完全初心者向けチュートリアル] – 酒と泪とRubyとRailsと](http://morizyun.github.io/blog/beginner-rails-heroku-tutorial/)

以下はRails + Passenger + Nginxを試していた時のメモ。

- [rbenv+nginx+passenger+rails環境構築メモ(CentOS) – Qiita](http://qiita.com/FumihiroSaito/items/4a50e12a769fb7014df6)

「passenger-install-nginx-module」が実行できず断念しました…。


## Railsの準備

まず、rbenvを利用してRubyを用意します。
 （rvmとドチラが良いのだろう？と調べた所、rvmはシェルを上書きしてしまうそうなので、rbenvの方が最近は流行ってるんだと思います。）

```shell
# rbenvを用意
cd /usr/local/
git clone https://github.com/sstephenson/rbenv.git
cd rbenv
# 環境変数の設定
echo 'export RBENV_ROOT="/usr/local/rbenv"' >> /etc/profile
echo 'export PATH="${RBENV_ROOT}/bin:${PATH}"' >> /etc/profile
echo 'eval "$(rbenv init -)"' >> /etc/profile
# ruby-buildを用意
git clone https://github.com/sstephenson/ruby-build.git /usr/local/rbenv/plugins/ruby-build
# インストール
rbenv install -v 2.2.3
rbenv global 2.2.3
rbenv rehash
# rubyの動作確認
ruby -v
```

Railsはgemでインストールします。簡単ですね。

```shell
gem install --no-ri --no-rdoc rails
gem install bundler
```

ちなみに、参考サイトに書いてあったのでそのまま利用していたのですが、「–no-ri –no-rdoc」のオプションはドキュメントをインストールしないようにするオプションなんだそうです。

### Railsの基本コマンド

Railsには便利なコマンドが沢山揃えられていますので、その中でも基本的なコマンドだけ残しておきます。

プロジェクトを作成する

```shell
rails new projectname
```

プロジェクトのベースのファイルを一気に作成します。まずはこのコマンドを実行してRailsプロジェクトの作成を開始する感じになります。

登録・編集・削除の一通りの処理を追加する

```shell
rails g scaffold modelname column_foo:string column_bar:integer
```

登録・編集・削除の一通りの処理に必要なModel、View、Controllerを作成してくれます。リレーションをしないような簡単な処理であればScaffoldと見た目の体裁を整えるだけで作れるのではないかと思うくらい便利です。

ちなみに、「g」は「generate」の省略形です。

作成したscaffoldを削除する

```shell
rails destroy scaffold modelname
```

scaffoldで作成する時に、カラムを一つ忘れてしまった、という様な、migrationをわざわざ作成する位なら削除したほうが早い、といった時に利用すると便利な操作です。

Modelを追加する

```shell
rails g model modelname column_foo:string column_bar:integer
```

ControllerとViewを追加する

```shell
rails g controller controllername index show
# index show はControllerに追加するメソッド
```

Model、Controller（、View）それぞれを作成するコマンドです。

Modelにカラムを追加する

```shell
rails g migration AddColumnBazToModelname column_baz:string
```

一度作ったModelにカラムを追加したい時に。正確にはmigrationを作成する処理です。
 「AddColumnBazToModelname」の部分は、「Add(追加するカラム名のキャメルケース)To（追加するモデル名のキャメルケース）」というような指定になります。

migrationを実行する

```shell
rake db:migrate
```

scaffoldやmodelを作成しただけではデータベースには反映されず、migrationを作成するだけですので、このコマンドを実行してデータベースに反映させる必要があります。

Railsサーバを起動する

```shell
rails s
```

Railsサーバを起動します。上記コマンドだと、127.0.0.1:3000（localhost）でしかつながらないので、ポートを変更したり外部からでもアクセスさせるためには以下のように実行します。

外部向けにRailsサーバを起動する

```shell
rails s -b 0.0.0.0 -p 8080 -d
```

ちなみに「-d」はデーモンとして起動させるオプションです。

また、これら以外にもrailsのコマンド・オプションは存在しています。有効に利用していくとかなり効率的に開発を進められそうですね。


## 参考サイト

- [rails環境構築（CentOS + ruby on rails） – Qiita](http://qiita.com/shinyashikis@github/items/3501c5f7f71a8e345c3d)
- [ruby – RVM と RBEnvの違いは？ – スタック・オーバーフロー](http://ja.stackoverflow.com/questions/2955/rvm-%E3%81%A8-rbenv%E3%81%AE%E9%81%95%E3%81%84%E3%81%AF)
- [いつも忘れる「Railsのgenerateコマンド」の備忘録 – maeharin log](http://maeharin.hatenablog.com/entry/20130212/rails_generate)


## シリーズ

- [その２ 「Unicorn+Nginx編」](https://blog.sus-happy.net/ruby-drunk-list-2/)
- [その３ 「Railsアプリ構築編」](https://blog.sus-happy.net/ruby-drunk-list-3/)


Ruby on Rails

Ruby on RailsをH2O上で動くようにしてみた

Ruby on Railsの勉強がてらに呑んだくれリストを作ってみた（その３ Railsアプリ構築編）

Ruby on Railsの勉強がてらに呑んだくれリストを作ってみた（その２ Unicorn+Nginx編）

Ruby on Railsの勉強がてらに呑んだくれリストを作ってみた（その１ Rails環境構築編）